{"id":1196,"date":"2025-07-08T10:02:54","date_gmt":"2025-07-08T08:02:54","guid":{"rendered":"https:\/\/das-bodmi.ch\/accueil\/"},"modified":"2026-04-15T14:51:48","modified_gmt":"2026-04-15T12:51:48","slug":"accueil","status":"publish","type":"page","link":"https:\/\/das-bodmi.ch\/fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<div class=\"dasbodmi-hero alignfull\" id=\"dasbodmi-hero-block_38d11498fa7c8e857a16d1f75e35bbca\" style=\"background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/5f0d33771839ce9b67f62365e65a87f59919f524-scaled.avif);\">\n    <div class=\"dasbodmi-hero-content\" id=\"\">\n                    <div class=\"dasbodmi-hero-logo\">\n                <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/logo-1.avif\" alt=\"Das Bodmi Logo\">\n            <\/div>\n                \n                    <h1 class=\"dasbodmi-hero-title\">La magie des montagnes suisses<\/h1>\n                \n                    <p class=\"dasbodmi-hero-subtitle\">H\u00f4tel Bodmi<\/p>\n        \n        <a href=\"#section-booking\" class=\"anchor-next-element\">\n            <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/arrow-down.png\" alt=\"\">\n        <\/a>\n\n    <\/div>\n    \n    <!-- Custom Gradient Overlay -->\n    <style>\n        #dasbodmi-hero-block_38d11498fa7c8e857a16d1f75e35bbca::before {\n            background: linear-gradient(270deg, rgba(50, 50, 50, 0.85) 0%, rgba(50, 50, 50, 0.55) 38%, rgba(50, 50, 50, 0) 55%, rgba(50, 50, 50, 0.5) 84%, rgba(50, 50, 50, 0.7) 100%) !important;\n        }\n    <\/style>\n<\/div>\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" id=\"section-booking\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><style>\n    #dasbodmi-spider-block_5072cb0a3f84dd4cc1e5fea7a8db0e2e {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: #E6C780;\n        height: 125px;\n    }\n    #dasbodmi-spider-block_5072cb0a3f84dd4cc1e5fea7a8db0e2e .inenr-form {\n        width: 80%;\n    }\n    #spiderBooking {\n        width: 100%;\n    }\n<\/style>\n<div class=\"dasbodmi-spider alignfull\" id=\"dasbodmi-spider-block_5072cb0a3f84dd4cc1e5fea7a8db0e2e\">\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: 'FR',\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<\/div>\n<\/div>\n\n\n\n<style>\n    .parallax-title {\n        max-width: 650px    }\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 parallax-desc-right alignfull\" id=\"dasbodmi-parallax-block_5b5aac3c0571ce191f73817279a75987\">\n    <div class=\"parallax-bg\" style=\"background-image: url(https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/scrolled-menu.jpg);\"><\/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\">Bienvenue \u00e0 l&#039;h\u00f4tel Bodmi<\/h2>\n            <div class=\"separator\"><\/div>\n            <div class=\"parallax-description\">\n                <p>D\u00e9couvrez l&rsquo;HOTEL BODMI \u00e0 Grindelwald, votre lieu de retraite confortable au c\u0153ur des impressionnantes Alpes suisses. Notre \u00e9tablissement allie le confort alpin \u00e0 une atmosph\u00e8re familiale qui rendra votre s\u00e9jour inoubliable. Profitez de la vue imprenable sur l&rsquo;Eiger et laissez-vous choyer par la cordialit\u00e9 de notre \u00e9quipe.<\/p>\n            <\/div>\n                        <a href=\"\/fr\/hotel\/\" target=\"\" class=\"parallax-btn btn-zimmer\">\n                <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/mountain.png\" alt=\"\" class=\"btn-overlay\">\n                Vers l&#039;h\u00f4tel            <\/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_5b5aac3c0571ce191f73817279a75987';\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\n<style>\n    .grid-container {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        grid-gap: 0;\n    }\n    .grid-overlay {\n        background: rgba(50,50,50,0.93);\n    }\n    .grid-item {\n        width: 100%;\n        height: 500px;\n    }\n<\/style>\n\n<div class=\"grid-container dasbodmi-gridlink alignfull\" id=\"dasbodmi-gridlink-block_77243cf1c2f4c388d88f8761648b477e\">\n        <div class=\"grid-item\" style=\"background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/grid1-scaled.avif);\" id=\"\">\n        <a href=\"\/fr\/hotel\/\" class=\"grid-overlay\">\n            <div class=\"grid-inner-content\">\n                                <div class=\"icon\">\n                    <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/08\/bodmi-logo-web.avif\" alt=\"H\u00f4tel\">\n                <\/div>\n                                <h3>H\u00f4tel<\/h3>\n            <\/div>\n        <\/a>\n    <\/div>\n        <div class=\"grid-item\" style=\"background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/grid2-scaled.avif);\" id=\"\">\n        <a href=\"\/fr\/restauration\/\" class=\"grid-overlay\">\n            <div class=\"grid-inner-content\">\n                                <div class=\"icon\">\n                    <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/icon.avif\" alt=\"Restauration\">\n                <\/div>\n                                <h3>Restauration<\/h3>\n            <\/div>\n        <\/a>\n    <\/div>\n        <div class=\"grid-item\" style=\"background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/grid3-scaled.avif);\" id=\"\">\n        <a href=\"\/fr\/hotel\/#wellness\" class=\"grid-overlay\">\n            <div class=\"grid-inner-content\">\n                                <div class=\"icon\">\n                    <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/08\/wellness.avif\" alt=\"Bien-\u00eatre\">\n                <\/div>\n                                <h3>Bien-\u00eatre<\/h3>\n            <\/div>\n        <\/a>\n    <\/div>\n        <div class=\"grid-item\" style=\"background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/09\/Aktivitaten-Startseite-web.avif);\" id=\"\">\n        <a href=\"\/fr\/destination-experiences\/\" class=\"grid-overlay\">\n            <div class=\"grid-inner-content\">\n                                <div class=\"icon\">\n                    <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/08\/erlebnisse-web.avif\" alt=\"Exp\u00e9riences\">\n                <\/div>\n                                <h3>Exp\u00e9riences<\/h3>\n            <\/div>\n        <\/a>\n    <\/div>\n    <\/div>\n\n\n<style>\n    .grid2layout-container {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        min-height: 795px;\n    }\n        #dasbodmi-2layout-block_3fc57f71151f1b349ef3e4e14d5de11c {\n        min-height: 795px;\n    }\n    #dasbodmi-2layout-block_3fc57f71151f1b349ef3e4e14d5de11c .layout2-title {\n        min-width: 555px;\n    }\n<\/style>\n\n<div class=\"grid2layout-container dasbodmi-2layout alignfull\" id=\"dasbodmi-2layout-block_3fc57f71151f1b349ef3e4e14d5de11c\">\n    <div class=\"left-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/2layout1.avif);\" id=\"\">\n        <div class=\"overlayed\"><\/div>\n        <div class=\"content\">\n            <h2 class=\"layout2-title\">Au c\u0153ur des Alpes, au milieu du bonheur<\/h2>\n            <p class=\"layout2-description\">Situ\u00e9 \u00e0 seulement 600 m\u00e8tres de la station de t\u00e9l\u00e9ph\u00e9rique First et \u00e0 100 m\u00e8tres au-dessus du centre pittoresque de Grindelwald, notre h\u00f4tel est le point de d\u00e9part id\u00e9al pour vos aventures.\r\n\r\n<\/p>\n            <!-- open hours -->\n                        <!-- 2layout list -->\n                        <div class=\"layout2-btn-wrap\">\n                            <a href=\"https:\/\/www.simplebooking.it\/ibe2\/hotel\/11300?lang=FR&#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                    R\u00e9server maintenant                <\/a>\n                                    <\/div>\n        <\/div>\n    <\/div>\n            <div class=\"right-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/2layout-img1.avif);\">\n        <\/div>\n    <\/div>\n\n<script>\n(function($) {\n    'use strict';\n    \n    $(document).ready(function() {\n        if($('#slider-dasbodmi-2layout-block_3fc57f71151f1b349ef3e4e14d5de11c')) {\n            var TwoColumnSwiper = new Swiper(\"#slider-dasbodmi-2layout-block_3fc57f71151f1b349ef3e4e14d5de11c\", {\n                slidesPerView: 1,\n                spaceBetween: 0,\n                centeredSlides: true,\n                autoplay: {\n                    delay: 2500,\n                    disableOnInteraction: false,\n                },\n                pagination: {\n                    el: \"#slider-dasbodmi-2layout-block_3fc57f71151f1b349ef3e4e14d5de11c .swiper-pagination\",\n                    clickable: true,\n                },\n            });\n        }\n\n        \/\/ Accordion functionality dengan ID unik untuk menghindari konflik\n        $('#dasbodmi-2layout-block_3fc57f71151f1b349ef3e4e14d5de11c .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    .grid2layout-container {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        min-height: 795px;\n    }\n        #dasbodmi-2layout-block_af33d29dc7ef1b1230afc44a65b04326 .left-content {\n        grid-column: 2;\n        grid-row: 1;\n    }\n        #dasbodmi-2layout-block_af33d29dc7ef1b1230afc44a65b04326 {\n        min-height: 795px;\n    }\n    #dasbodmi-2layout-block_af33d29dc7ef1b1230afc44a65b04326 .layout2-title {\n        min-width: 555px;\n    }\n<\/style>\n\n<div class=\"grid2layout-container dasbodmi-2layout alignfull\" id=\"dasbodmi-2layout-block_af33d29dc7ef1b1230afc44a65b04326\">\n    <div class=\"left-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/2layout.avif);\" id=\"\">\n        <div class=\"overlayed\"><\/div>\n        <div class=\"content\">\n            <h2 class=\"layout2-title\">Un service personnalis\u00e9 et des d\u00e9tails soign\u00e9s<\/h2>\n            <p class=\"layout2-description\">Notre \u00e9quipe d\u00e9vou\u00e9e fera en sorte que vous vous sentiez comme chez de vieux amis. Avec un service personnalis\u00e9 et des d\u00e9tails soign\u00e9s, nous rendrons votre s\u00e9jour unique. \r\n\r\n\r\n<\/p>\n            <!-- open hours -->\n                        <!-- 2layout list -->\n                        <div class=\"layout2-btn-wrap\">\n                            <a href=\"\/fr\/contact\/\" class=\"link btn-zimmer\" target=\"\">\n                    <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/mountain.png\" alt=\"\" class=\"btn-overlay\">\n                    Contactez-nous                <\/a>\n                                    <\/div>\n        <\/div>\n    <\/div>\n            <div class=\"right-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/2layout-img2-scaled.avif);\">\n        <\/div>\n    <\/div>\n\n<script>\n(function($) {\n    'use strict';\n    \n    $(document).ready(function() {\n        if($('#slider-dasbodmi-2layout-block_af33d29dc7ef1b1230afc44a65b04326')) {\n            var TwoColumnSwiper = new Swiper(\"#slider-dasbodmi-2layout-block_af33d29dc7ef1b1230afc44a65b04326\", {\n                slidesPerView: 1,\n                spaceBetween: 0,\n                centeredSlides: true,\n                autoplay: {\n                    delay: 2500,\n                    disableOnInteraction: false,\n                },\n                pagination: {\n                    el: \"#slider-dasbodmi-2layout-block_af33d29dc7ef1b1230afc44a65b04326 .swiper-pagination\",\n                    clickable: true,\n                },\n            });\n        }\n\n        \/\/ Accordion functionality dengan ID unik untuk menghindari konflik\n        $('#dasbodmi-2layout-block_af33d29dc7ef1b1230afc44a65b04326 .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    .grid2layout-container {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        min-height: 795px;\n    }\n        #dasbodmi-2layout-block_ffbfe9f2d792932eeca5360c8cdabfc0 {\n        min-height: 795px;\n    }\n    #dasbodmi-2layout-block_ffbfe9f2d792932eeca5360c8cdabfc0 .layout2-title {\n        min-width: 555px;\n    }\n<\/style>\n\n<div class=\"grid2layout-container dasbodmi-2layout alignfull\" id=\"dasbodmi-2layout-block_ffbfe9f2d792932eeca5360c8cdabfc0\">\n    <div class=\"left-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/2layout3.avif);\" id=\"\">\n        <div class=\"overlayed\"><\/div>\n        <div class=\"content\">\n            <h2 class=\"layout2-title\">L&#039;aventure \u00e0 votre porte<\/h2>\n            <p class=\"layout2-description\">Que ce soit le ski en hiver ou la randonn\u00e9e en \u00e9t\u00e9, les nombreuses activit\u00e9s de la r\u00e9gion commencent juste devant notre porte.\r\n\r\n\r\n<\/p>\n            <!-- open hours -->\n                        <!-- 2layout list -->\n                        <div class=\"layout2-btn-wrap\">\n                            <a href=\"\/fr\/destination-experiences\/\" class=\"link btn-zimmer\" target=\"\">\n                    <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/mountain.png\" alt=\"\" class=\"btn-overlay\">\n                    Destination &amp; Exp\u00e9riences                <\/a>\n                                    <\/div>\n        <\/div>\n    <\/div>\n            <div class=\"right-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/abenteuer-direkt-vor-der-tuer-bodmi.avif);\">\n        <\/div>\n    <\/div>\n\n<script>\n(function($) {\n    'use strict';\n    \n    $(document).ready(function() {\n        if($('#slider-dasbodmi-2layout-block_ffbfe9f2d792932eeca5360c8cdabfc0')) {\n            var TwoColumnSwiper = new Swiper(\"#slider-dasbodmi-2layout-block_ffbfe9f2d792932eeca5360c8cdabfc0\", {\n                slidesPerView: 1,\n                spaceBetween: 0,\n                centeredSlides: true,\n                autoplay: {\n                    delay: 2500,\n                    disableOnInteraction: false,\n                },\n                pagination: {\n                    el: \"#slider-dasbodmi-2layout-block_ffbfe9f2d792932eeca5360c8cdabfc0 .swiper-pagination\",\n                    clickable: true,\n                },\n            });\n        }\n\n        \/\/ Accordion functionality dengan ID unik untuk menghindari konflik\n        $('#dasbodmi-2layout-block_ffbfe9f2d792932eeca5360c8cdabfc0 .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<style>\n    #dasbodmi-cta-block_c475f7f0788df842b6be51e5131800fe {\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\/07\/cta.avif);\n        overflow-x: hidden;\n        background-repeat: no-repeat;\n        background-size: cover;\n    }\n   \t#dasbodmi-cta-block_c475f7f0788df842b6be51e5131800fe .dasbodmi-cta-content {\n        position: absolute;\n        top: 15%;\n        transform: translateX(100%) translateY(-15%);\n        opacity: 0;\n    }\n    #dasbodmi-cta-block_c475f7f0788df842b6be51e5131800fe .dasbodmi-cta-content {\n        width: 90%;\n        max-width: 90%;\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_c475f7f0788df842b6be51e5131800fe\">\n    <div class=\"dasbodmi-cta-content\" id=\"\">\n        <div class=\"cta-inner\">\n            <h2 class=\"cta-title\">D\u00e9couvrez les Alpes comme jamais auparavant<\/h2>\n                            <div class=\"link-area\">\n                    <a href=\"https:\/\/www.simplebooking.it\/ibe2\/hotel\/11300?lang=FR&#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                        R\u00e9server maintenant                    <\/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\/07\/cta.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_c475f7f0788df842b6be51e5131800fe').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(15 > 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_c475f7f0788df842b6be51e5131800fe').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<style>\n    #dasbodmi-title-block_8cd9bd51be00e0242e4df1cb4e8d0933 {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 280px;\n        background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/5b66a63ee96974472735a16c9f84ed7978752f4e.avif);\n    }\n<\/style>\n<div class=\"dasbodmi-title-block-wrap dasbodmi-title alignfull normal\" id=\"dasbodmi-title-block_8cd9bd51be00e0242e4df1cb4e8d0933\">\n    <div class=\"title-area\" id=\"\">\n                    <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/title-seciton.avif\" alt=\"\">\n                <div class=\"title-wrap\">\n                            <h2 class=\"dasbodmi-title-block\">Visite virtuelle en 3D<\/h2>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"wp-block-group alignfull room-tour\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<iframe loading=\"lazy\" width=\"853\" height=\"480\" src=\"https:\/\/my.matterport.com\/show\/?m=MzajWAcH7D9\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; fullscreen; web-share; xr-spatial-tracking;\"><\/iframe>\n<\/div><\/div>\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-2layout-block_baecef247ac90710e7f94bf02c00f0bf {\n        min-height: 795px;\n    }\n    #dasbodmi-2layout-block_baecef247ac90710e7f94bf02c00f0bf .layout2-title {\n        min-width: 555px;\n    }\n<\/style>\n\n<div class=\"grid2layout-container dasbodmi-2layout alignfull\" id=\"dasbodmi-2layout-block_baecef247ac90710e7f94bf02c00f0bf\">\n    <div class=\"left-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/s2-ov1.avif);\" id=\"\">\n        <div class=\"overlayed\"><\/div>\n        <div class=\"content\">\n            <h2 class=\"layout2-title\">Dormir avec vue<\/h2>\n            <p class=\"layout2-description\">Nos chambres et appartements confortables offrent tous une vue panoramique sur les montagnes environnantes. Vous y trouverez le lieu de retraite id\u00e9al apr\u00e8s une journ\u00e9e bien remplie. <\/p>\n            <!-- open hours -->\n                        <!-- 2layout list -->\n                        <div class=\"layout2-btn-wrap\">\n                            <a href=\"\/fr\/chambres-appartements\/\" class=\"link btn-zimmer\" target=\"\">\n                    <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/mountain.png\" alt=\"\" class=\"btn-overlay\">\n                    En savoir plus                <\/a>\n                                    <\/div>\n        <\/div>\n    <\/div>\n            <div class=\"right-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/s2-img1-scaled.avif);\">\n        <\/div>\n    <\/div>\n\n<script>\n(function($) {\n    'use strict';\n    \n    $(document).ready(function() {\n        if($('#slider-dasbodmi-2layout-block_baecef247ac90710e7f94bf02c00f0bf')) {\n            var TwoColumnSwiper = new Swiper(\"#slider-dasbodmi-2layout-block_baecef247ac90710e7f94bf02c00f0bf\", {\n                slidesPerView: 1,\n                spaceBetween: 0,\n                centeredSlides: true,\n                autoplay: {\n                    delay: 2500,\n                    disableOnInteraction: false,\n                },\n                pagination: {\n                    el: \"#slider-dasbodmi-2layout-block_baecef247ac90710e7f94bf02c00f0bf .swiper-pagination\",\n                    clickable: true,\n                },\n            });\n        }\n\n        \/\/ Accordion functionality dengan ID unik untuk menghindari konflik\n        $('#dasbodmi-2layout-block_baecef247ac90710e7f94bf02c00f0bf .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    .grid2layout-container {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        min-height: 795px;\n    }\n        #dasbodmi-2layout-block_6a1461729c2351c7b13675d2c331c08d .left-content {\n        grid-column: 2;\n        grid-row: 1;\n    }\n        #dasbodmi-2layout-block_6a1461729c2351c7b13675d2c331c08d {\n        min-height: 795px;\n    }\n    #dasbodmi-2layout-block_6a1461729c2351c7b13675d2c331c08d .layout2-title {\n        min-width: 555px;\n    }\n<\/style>\n\n<div class=\"grid2layout-container dasbodmi-2layout alignfull\" id=\"dasbodmi-2layout-block_6a1461729c2351c7b13675d2c331c08d\">\n    <div class=\"left-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/09\/Burger.avif);\" id=\"\">\n        <div class=\"overlayed\"><\/div>\n        <div class=\"content\">\n            <h2 class=\"layout2-title\">Les saveurs de la r\u00e9gion<\/h2>\n            <p class=\"layout2-description\">Laissez-vous g\u00e2ter par les d\u00e9lices r\u00e9gionaux et vivez des moments culinaires particuliers qui compl\u00e8teront votre s\u00e9jour.<\/p>\n            <!-- open hours -->\n                        <!-- 2layout list -->\n                        <div class=\"layout2-btn-wrap\">\n                            <a href=\"\/fr\/restauration\/\" class=\"link btn-zimmer\" target=\"\">\n                    <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/mountain.png\" alt=\"\" class=\"btn-overlay\">\n                    En savoir plus                <\/a>\n                                    <\/div>\n        <\/div>\n    <\/div>\n            <div class=\"right-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/s2-img2-scaled.avif);\">\n        <\/div>\n    <\/div>\n\n<script>\n(function($) {\n    'use strict';\n    \n    $(document).ready(function() {\n        if($('#slider-dasbodmi-2layout-block_6a1461729c2351c7b13675d2c331c08d')) {\n            var TwoColumnSwiper = new Swiper(\"#slider-dasbodmi-2layout-block_6a1461729c2351c7b13675d2c331c08d\", {\n                slidesPerView: 1,\n                spaceBetween: 0,\n                centeredSlides: true,\n                autoplay: {\n                    delay: 2500,\n                    disableOnInteraction: false,\n                },\n                pagination: {\n                    el: \"#slider-dasbodmi-2layout-block_6a1461729c2351c7b13675d2c331c08d .swiper-pagination\",\n                    clickable: true,\n                },\n            });\n        }\n\n        \/\/ Accordion functionality dengan ID unik untuk menghindari konflik\n        $('#dasbodmi-2layout-block_6a1461729c2351c7b13675d2c331c08d .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    .grid2layout-container {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        min-height: 795px;\n    }\n        #dasbodmi-2layout-block_109625383dd0d797b9545be5a41050f7 {\n        min-height: 1125px;\n    }\n    #dasbodmi-2layout-block_109625383dd0d797b9545be5a41050f7 .layout2-title {\n        min-width: 750px;\n    }\n<\/style>\n\n<div class=\"grid2layout-container dasbodmi-2layout alignfull\" id=\"dasbodmi-2layout-block_109625383dd0d797b9545be5a41050f7\">\n    <div class=\"left-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/2layout3.avif);\" id=\"\">\n        <div class=\"overlayed\"><\/div>\n        <div class=\"content\">\n            <h2 class=\"layout2-title\">  Des moments de plaisir avec vue sur les montagnes<\/h2>\n            <p class=\"layout2-description\">D\u00e9gustez les d\u00e9lices en plein air avec une vue incomparable sur les montagnes.<\/p>\n            <!-- open hours -->\n                        <div class=\"open-hours\">\n                <p class=\"open-hours-title\">\n                    <span>\n                        <strong>Horaires d&#039;ouverture:<\/strong>\n                    <\/span>\n                    <span>\n                        Tous les jours de 11h30 \u00e0 16h00, actuellement ferm\u00e9 jusqu&#039;au 12 mai 2026 inclus.                        <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/74bd2df815b7eeb7c07154b08ed840b8acbb0bd1.avif\" alt=\"\">\n                    <\/span>\n                <\/p>\n            <\/div>\n                        <!-- 2layout list -->\n                        <div class=\"layout2-btn-wrap\">\n                                    <\/div>\n        <\/div>\n    <\/div>\n            <div class=\"right-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/08\/974a0679c2a290fdfc0a2319acf067ca9080464f.avif);\">\n        <\/div>\n    <\/div>\n\n<script>\n(function($) {\n    'use strict';\n    \n    $(document).ready(function() {\n        if($('#slider-dasbodmi-2layout-block_109625383dd0d797b9545be5a41050f7')) {\n            var TwoColumnSwiper = new Swiper(\"#slider-dasbodmi-2layout-block_109625383dd0d797b9545be5a41050f7\", {\n                slidesPerView: 1,\n                spaceBetween: 0,\n                centeredSlides: true,\n                autoplay: {\n                    delay: 2500,\n                    disableOnInteraction: false,\n                },\n                pagination: {\n                    el: \"#slider-dasbodmi-2layout-block_109625383dd0d797b9545be5a41050f7 .swiper-pagination\",\n                    clickable: true,\n                },\n            });\n        }\n\n        \/\/ Accordion functionality dengan ID unik untuk menghindari konflik\n        $('#dasbodmi-2layout-block_109625383dd0d797b9545be5a41050f7 .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    .grid2layout-container {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        min-height: 795px;\n    }\n        #dasbodmi-2layout-block_434c8b6dee3604b5b8db18d13ced2f24 .left-content {\n        grid-column: 2;\n        grid-row: 1;\n    }\n        #dasbodmi-2layout-block_434c8b6dee3604b5b8db18d13ced2f24 {\n        min-height: 795px;\n    }\n    #dasbodmi-2layout-block_434c8b6dee3604b5b8db18d13ced2f24 .layout2-title {\n        min-width: 555px;\n    }\n<\/style>\n\n<div class=\"grid2layout-container dasbodmi-2layout alignfull\" id=\"dasbodmi-2layout-block_434c8b6dee3604b5b8db18d13ced2f24\">\n    <div class=\"left-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/s2-ov3.avif);\" id=\"\">\n        <div class=\"overlayed\"><\/div>\n        <div class=\"content\">\n            <h2 class=\"layout2-title\">Le bien-\u00eatre de caract\u00e8re<\/h2>\n            <p class=\"layout2-description\">D\u00e9tendez-vous dans notre sauna avec vue sur la ch\u00e8vrerie et profitez de soins naturels &#8211; la d\u00e9tente \u00e0 la mani\u00e8re de BODMI.<\/p>\n            <!-- open hours -->\n                        <!-- 2layout list -->\n                        <div class=\"layout2-btn-wrap\">\n                            <a href=\"\/fr\/hotel\/#wellness\" class=\"link btn-zimmer\" target=\"\">\n                    <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/mountain.png\" alt=\"\" class=\"btn-overlay\">\n                    En savoir plus                <\/a>\n                                    <\/div>\n        <\/div>\n    <\/div>\n            <div class=\"right-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/s2-img3-scaled.avif);\">\n        <\/div>\n    <\/div>\n\n<script>\n(function($) {\n    'use strict';\n    \n    $(document).ready(function() {\n        if($('#slider-dasbodmi-2layout-block_434c8b6dee3604b5b8db18d13ced2f24')) {\n            var TwoColumnSwiper = new Swiper(\"#slider-dasbodmi-2layout-block_434c8b6dee3604b5b8db18d13ced2f24\", {\n                slidesPerView: 1,\n                spaceBetween: 0,\n                centeredSlides: true,\n                autoplay: {\n                    delay: 2500,\n                    disableOnInteraction: false,\n                },\n                pagination: {\n                    el: \"#slider-dasbodmi-2layout-block_434c8b6dee3604b5b8db18d13ced2f24 .swiper-pagination\",\n                    clickable: true,\n                },\n            });\n        }\n\n        \/\/ Accordion functionality dengan ID unik untuk menghindari konflik\n        $('#dasbodmi-2layout-block_434c8b6dee3604b5b8db18d13ced2f24 .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<style>\n    #dasbodmi-cta-block_efeaffb655ba74db82ca3efd1bf11926 {\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\/07\/cta2.avif);\n        overflow-x: hidden;\n        background-repeat: no-repeat;\n        background-size: cover;\n    }\n   \t#dasbodmi-cta-block_efeaffb655ba74db82ca3efd1bf11926 .dasbodmi-cta-content {\n        position: absolute;\n        top: 85%;\n        transform: translateX(100%) translateY(-85%);\n        opacity: 0;\n    }\n    #dasbodmi-cta-block_efeaffb655ba74db82ca3efd1bf11926 .dasbodmi-cta-content {\n        width: 90%;\n        max-width: 90%;\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_efeaffb655ba74db82ca3efd1bf11926\">\n    <div class=\"dasbodmi-cta-content\" id=\"\">\n        <div class=\"cta-inner\">\n            <h2 class=\"cta-title\">Votre magie personnelle de la montagne \u00e0 Grindelwald<\/h2>\n                            <div class=\"link-area\">\n                    <a href=\"https:\/\/www.simplebooking.it\/ibe2\/hotel\/11300?lang=FR&#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                        R\u00e9server maintenant                    <\/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\/07\/cta2.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_efeaffb655ba74db82ca3efd1bf11926').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_efeaffb655ba74db82ca3efd1bf11926').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<style>\n    .parallax-title {\n        max-width: 75%    }\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 parallax-desc-left alignfull\" id=\"dasbodmi-parallax-block_13b82eea8ee5ca90950a8268326cd479\">\n    <div class=\"parallax-bg\" style=\"background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/08\/9243beeed988d2a2f80074ce7a163b8982aaaacd.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\">Vivez le moment unique BODMI<\/h2>\n            <div class=\"separator\"><\/div>\n            <div class=\"parallax-description\">\n                <p>La magie des Alpes suisses vous appelle ! Plongez dans l&rsquo;atmosph\u00e8re unique de l&rsquo;HOTEL BODMI et organisez vos vacances de r\u00eave selon vos d\u00e9sirs. Qu&rsquo;il s&rsquo;agisse de vacances actives, de romantisme ou de pure d\u00e9tente, vous d\u00e9couvrirez chez nous la magie des montagnes suisses, qui enthousiasme les clients du monde entier.  <\/p>\n            <\/div>\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_13b82eea8ee5ca90950a8268326cd479';\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>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1223,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1196","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/das-bodmi.ch\/fr\/wp-json\/wp\/v2\/pages\/1196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/das-bodmi.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/das-bodmi.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/das-bodmi.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/das-bodmi.ch\/fr\/wp-json\/wp\/v2\/comments?post=1196"}],"version-history":[{"count":0,"href":"https:\/\/das-bodmi.ch\/fr\/wp-json\/wp\/v2\/pages\/1196\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/das-bodmi.ch\/fr\/wp-json\/wp\/v2\/media\/1223"}],"wp:attachment":[{"href":"https:\/\/das-bodmi.ch\/fr\/wp-json\/wp\/v2\/media?parent=1196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}