{"id":11750,"date":"2025-09-16T11:06:01","date_gmt":"2025-09-16T09:06:01","guid":{"rendered":"http:\/\/hotel-deville.de.w01ca29c.kasserver.com\/faq\/"},"modified":"2025-09-30T14:57:19","modified_gmt":"2025-09-30T12:57:19","slug":"faq","status":"publish","type":"page","link":"https:\/\/hoteldeville.de\/en\/faq\/","title":{"rendered":"FAQ"},"content":{"rendered":"\n<section class=\"stage-banner\">\n            <img decoding=\"async\" class=\"stage-banner-bg\" src=\"https:\/\/hoteldeville.de\/wp-content\/uploads\/2025\/09\/herohpdeville.webp\" alt=\"FAQ\" loading=\"eager\">\n        <div class=\"stage-banner-overlay\">\n        <div class=\"stage-banner-content animated-line\">\n            <a class=\"stage-logo logo-on-top\" href=\"https:\/\/hoteldeville.de\/en\/\" style=\"\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1086\" src=\"https:\/\/hoteldeville.de\/wp-content\/uploads\/2025\/09\/Header_Zeichenflaeche-1-19-1536x1086-1.webp\" class=\"site-logo-default\" alt=\"\" srcset=\"https:\/\/hoteldeville.de\/wp-content\/uploads\/2025\/09\/Header_Zeichenflaeche-1-19-1536x1086-1.webp 1536w, https:\/\/hoteldeville.de\/wp-content\/uploads\/2025\/09\/Header_Zeichenflaeche-1-19-1536x1086-1-300x212.webp 300w, https:\/\/hoteldeville.de\/wp-content\/uploads\/2025\/09\/Header_Zeichenflaeche-1-19-1536x1086-1-1024x724.webp 1024w, https:\/\/hoteldeville.de\/wp-content\/uploads\/2025\/09\/Header_Zeichenflaeche-1-19-1536x1086-1-768x543.webp 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/>                            <\/a>\n\n                            <h1 class=\"slide-in-left\">\n                    FAQ                <\/h1>\n            \n                    <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function () {\n  const LIMITE = 330;\n  const logos = document.querySelectorAll('.stage-logo img');\n  if (!logos.length) return;\n  let ticking = false;\n  function atualiza() {\n    const y = window.scrollY || 0;\n    const op = Math.max(0, Math.min(1, 1 - (y \/ LIMITE)));\n    for (const img of logos) img.style.opacity = op.toFixed(3);\n  }\n  function onScroll() {\n    if (ticking) return;\n    ticking = true;\n    requestAnimationFrame(function () {\n      atualiza();\n      ticking = false;\n    });\n  }\n  atualiza();\n  window.addEventListener('scroll', onScroll, { passive: true });\n})();\n<\/script>\n\n<style>\n    a.stage-logo.logo-on-top {\n    display: flex\n;\n    position: absolute;\n    width: 33vw;\n    height: 66px;\n    top: 2px;\n    margin: 12px;\n}\n<\/style>\n\n\n<div style=\"height: 88px\" class=\"container os-spacer position-relative align wp-block-acf-os-spacer\">\n\n    <\/div>\n\n\n<div class=\"container faq\">\n    <div class=\"faqinner\">\n            <h2 class=\"faq-title\">Your questions, our answers<\/h2>\n    \n                                            <div class=\"faq-item \">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        Arrival by bus &amp; train                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">Staufen train station is just a few steps away from the hotel &#8211; simply arrive, get out and stroll to us.<\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item \">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        Arrival by car                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">You can drive right up to the door to unload. If you give us your license plate number in advance, your parking card will be waiting for you in your room. Parking is then free for you in P1+2 (Alfred-Schladerer-Platz), P4 (Bonnevilleplatz), P11 (Am Weinbrunnen) or P15 (Alte Post).  <\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item \">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        Bike garage                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">From April to September you can park your bike safely and free of charge in our bike garage (in the garden in front of the house). Just let us know when you book or via the guest platform. Access: your room card. (And psst: there are great bike tours in Staufen &amp; the surrounding area \ud83d\udeb2\u2764\ufe0f)   <\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item \">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        Check-in \/ Check-out                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">We have self-check-in &#8211; no classic reception. You will receive your door code in advance by email. You can check in from 3 pm.  <\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\">Please check out by 10 a.m. so that we can make it nice again for the next guests.<\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item \">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        Breakfast                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">From 8-11 am in our large parlor: Baskets from our friends at Caf\u00e9 Schwarzwaldsch\u00f6n, fresh bread rolls from the bakery next door, fragrant coffee and a cozy fireside atmosphere.<\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item hidden\">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        Dogs                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">We love it! For \u20ac15 per day, you can stay overnight, enjoy the dog bar and treats for your four-legged friend. <\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item hidden\">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        WLAN                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">Free of charge and everywhere. Our parlor is ideal for working after breakfast. <\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item hidden\">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        Complete rental                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">You want the Hotel Deville all to yourself? No problem! Just write to us at hallo@hoteldeville.de.  <\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item hidden\">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        PUBLIC TRANSPORT                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">When you arrive, we&#8217;ll give you the KONUS card &#8211; so you can travel by bus and train in the region for free during your stay.<\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item hidden\">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        Parking                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">We are in the middle of the old town of Staufen. With a license plate in advance you can park for free: <\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\">  &#8211; P1+P2 Alfred-Schladerer-Platz (directly next to us)<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\">  &#8211; P4 Bonnevilleplatz (across the stream)<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\">  &#8211; P11 Am Weinbrunnen<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\">  &#8211; P15 Old Post Office<\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item hidden\">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        Cancellations                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">Please only in writing. The conditions depend on your rate &#8211; check your confirmation or write to us briefly. <\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item hidden\">\n                <div class=\"faq-item-top\">\n                    <div class=\"faq-question\">\n                        Room cleaning                                            <\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p><span style=\"font-weight: 400\">Every 3 days free of charge. If you want it more often, let us know &#8211; possible for a small surcharge. <\/span><\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" y2=\"19\" x2=\"12\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n        \n                    <div class=\"faqbtn\">\n                <button\n                    id=\"load-more\"\n                    class=\"load-more-btn\"\n                    data-more=\"Show more\"\n                    data-less=\"Show less\"\n                >Show more<\/button>\n            <\/div>\n                <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const loadMoreButton = document.getElementById('load-more');\n    const faqItems = document.querySelectorAll('.faq-item.hidden');\n    if (loadMoreButton && faqItems.length > 0) {\n        let expanded = false;\n        const render = () => { loadMoreButton.textContent = expanded ? loadMoreButton.dataset.less : loadMoreButton.dataset.more; };\n        render();\n        loadMoreButton.addEventListener('click', function() {\n            expanded = !expanded;\n            faqItems.forEach(item => { item.classList.toggle('hidden', !expanded); });\n            render();\n        });\n    }\n    document.querySelectorAll('.faq-item').forEach(item => {\n        item.addEventListener('click', () => {\n            const answer = item.querySelector('.faq-answer');\n            const lineVertical = item.querySelector('.line-vertical');\n            const isActive = item.classList.contains('active');\n            document.querySelectorAll('.faq-item').forEach(i => {\n                i.classList.remove('active');\n                const a = i.querySelector('.faq-answer');\n                const lv = i.querySelector('.line-vertical');\n                if (a) a.style.display = 'none';\n                if (lv) lv.style.display = 'block';\n            });\n            if (!isActive) {\n                item.classList.add('active');\n                if (answer) answer.style.display = 'block';\n                if (lineVertical) lineVertical.style.display = 'none';\n            }\n        });\n    });\n});\n<\/script>\n\n\n<div style=\"height: 88px\" class=\"container os-spacer position-relative align wp-block-acf-os-spacer\">\n\n    <\/div>\n\n\n<div\n  class=\"container-text parallax-host text-left  has-bg\"\n  style=\"\"\n  data-bg=\"https:\/\/hoteldeville.de\/wp-content\/uploads\/2025\/09\/HotelDeville_Staufen_Ferienwohnung_Details-2-scaled.webp\" data-parallax-speed=\"0.2\">\n          <div class=\"parallax-layer\" aria-hidden=\"true\"><\/div>\n    \n    <div class=\"container-text-inner fade-in-up\">\n        \n        <div class=\"inner-highlight-content text-left\">\n            \n            \n                            <div class=\"ftext_title text-left\">\n                    <h2 style=\"color: #fff!important;\">\n                        Still a little unclear?  <br \/>\r\nThen write to us!                    <\/h2>\n                <\/div>\n            \n            \n            \n                            <div class=\"btnholder parallax\">\n                    <a class=\"spmlbutton\" href=\"https:\/\/hoteldeville.de\/en\/contact\/\" target=\"_blank\">\n                        I\u2019ve got another question&#8230;                    <\/a>\n                <\/div>\n                    <\/div>\n\n            <\/div>\n<\/div>\n<style>.ftext_text p {color:#fff!important;}<\/style>\n\n<style>\n.container-text.parallax-host{height:80vh;position:relative;padding:62px 0;overflow:hidden}\n.parallax-host.has-bg .parallax-layer{position:absolute;left:0;right:0;top:-55%;height:210%;background-image:var(--bg);background-size:cover;background-position:center center;background-repeat:no-repeat;transform:translate3d(0,var(--parallaxY,0),0) scale(1.08);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0;pointer-events:none}\n.container-text.parallax-host:not(.no-overlay)::after{content:\"\";position:absolute;height:100%;width:100%;top:0;left:0;background-color:#00000096;z-index:1;pointer-events:none}\n.inner-highlight-content,.container-text-inner,.os-clouds-top-clouds,.os-clouds-bottom-clouds{position:relative;z-index:2}\n@media (hover:hover) and (pointer:fine){\n  .parallax-host.has-bg .parallax-layer{display:none}\n  .parallax-host.has-bg{background-size:cover;background-position:center center;background-repeat:no-repeat}\n  .parallax-host.has-bg.parallax-fixed-enabled{background-attachment:fixed}\n}\n.inner-highlight-content{width:100%;display:flex;flex-direction:column;align-items:center}\n.container-text-inner{display:flex;height:100%;width:88vw;max-width:1240px;flex-direction:column;margin:auto;justify-content:center;align-items:center}\n.ftext_title{font-size:4rem;line-height:1;font-weight:700}\n.ftext_title h2{font-size:4.4rem;line-height:5rem}\n.ftext_text{width:100%;font-size:1.3rem;line-height:2rem}\n.inner-highlight-content .btnholder{color:#fff;border:2px solid;background:#00000010}\n.inner-highlight-content.text-left{align-items:flex-start}\n.os-clouds-top-clouds{display:flex;position:absolute;top:-1px;z-index:0;align-items:flex-end;background:rgb(255,255,255);background:-moz-linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ffffff\",endColorstr=\"#ffffff\",GradientType=1)}\n.os-clouds-top-clouds img{width:100vw;object-position:top center}\n.os-clouds-bottom-clouds{display:flex;position:absolute;top:auto;bottom:-1px;z-index:0;align-items:flex-end;background:rgb(255,255,255);background:-moz-linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ffffff\",endColorstr=\"#ffffff\",GradientType=1)}\n.os-clouds-bottom-clouds img{width:100vw;transform:rotate(-180deg);object-position:bottom center}\n.parallax-top-icon{display:flex;position:absolute;width:140px;height:fit-content;top:-70px;align-items:center;justify-content:center;border-radius:900px;overflow:hidden;-webkit-box-shadow:0 0 14px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 14px 0 rgba(0,0,0,.25);box-shadow:0 0 14px 0 rgba(0,0,0,.25)}\n.parallax-top-icon img{width:100%;height:100%;object-fit:cover}\n.text-left{text-align:left!important}\n.text-center{text-align:center!important}\n.text-right{text-align:right!important}\n.embed_highlight iframe{width:55vw;max-width:100%;height:480px;display:block;margin:0 auto}\n@media screen and (max-width:900px){\n  .container-text.parallax-host{display:flex;height:fit-content;min-height:50vh;padding:88px 0;align-items:center}\n  .parallax-top-icon{width:120px;height:120px;top:-60px}\n  .ftext_title h2{font-size:2rem;line-height:2rem}\n  .ftext_text{padding:18px 0 0 0!important;text-align:center!important;font-size:inherit;line-height:inherit}\n  .text-left{text-align:left!important}\n  .container-text-inner{width:88vw}\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n  const prefersReduced=window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  if(prefersReduced)return;\n  const hosts=[...document.querySelectorAll('.container-text.parallax-host.has-bg')];\n  if(!hosts.length)return;\n\n  const isDesktop=window.matchMedia(\"(hover:hover) and (pointer:fine)\").matches;\n  if(isDesktop){\n    hosts.forEach(h=>{\n      const bgUrl=h.getAttribute('data-bg'); if(!bgUrl)return;\n      h.classList.add('parallax-fixed-enabled');\n      h.style.backgroundImage=\"url('\"+bgUrl+\"')\";\n    });\n    return;\n  }\n\n  const state=new WeakMap();\n  const active=new WeakSet();\n  let vh=window.innerHeight||document.documentElement.clientHeight||0;\n  let lastScroll=window.pageYOffset||document.documentElement.scrollTop||0;\n  const baseSpeed=Number(document.body.getAttribute('data-parallax-speed-default')||0.2);\n  const ease=0.1;\n  const clampVal=300;\n\n  hosts.forEach(h=>{\n    const bgUrl=h.getAttribute('data-bg'); if(!bgUrl)return;\n    h.style.setProperty('--bg',\"url('\"+bgUrl+\"')\");\n  });\n\n  const io=new IntersectionObserver((entries)=>{\n    for(const e of entries){ if(e.isIntersecting) active.add(e.target); else active.delete(e.target); }\n  },{root:null,rootMargin:'20% 0px 20% 0px',threshold:0});\n  hosts.forEach(h=>io.observe(h));\n\n  function calcTarget(host,rect){\n    const center=rect.top + rect.height\/2;\n    const delta=center - vh\/2;\n    const speed=(Number(host.getAttribute('data-parallax-speed'))||baseSpeed);\n    const raw=-delta*speed;\n    return Math.max(-clampVal,Math.min(clampVal,raw));\n  }\n  function getState(h){ if(!state.has(h)) state.set(h,{y:0,target:0}); return state.get(h); }\n\n  function tick(){\n    for(const host of hosts){\n      if(!active.has(host)) continue;\n      const layer=host.querySelector('.parallax-layer'); if(!layer) continue;\n      const rect=host.getBoundingClientRect();\n      const st=getState(host);\n      st.target=calcTarget(host,rect);\n      st.y += (st.target - st.y) * ease;\n      layer.style.transform='translate3d(0,'+st.y.toFixed(2)+'px,0) scale(1.08)';\n    }\n    requestAnimationFrame(tick);\n  }\n\n  function onScroll(){ lastScroll=window.pageYOffset||document.documentElement.scrollTop||0; }\n  function onResize(){ vh=window.innerHeight||document.documentElement.clientHeight||0; }\n\n  window.addEventListener('scroll',onScroll,{passive:true});\n  window.addEventListener('resize',onResize,{passive:true});\n  requestAnimationFrame(tick);\n});\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":28,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11750","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hoteldeville.de\/en\/wp-json\/wp\/v2\/pages\/11750","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hoteldeville.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hoteldeville.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hoteldeville.de\/en\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/hoteldeville.de\/en\/wp-json\/wp\/v2\/comments?post=11750"}],"version-history":[{"count":4,"href":"https:\/\/hoteldeville.de\/en\/wp-json\/wp\/v2\/pages\/11750\/revisions"}],"predecessor-version":[{"id":12018,"href":"https:\/\/hoteldeville.de\/en\/wp-json\/wp\/v2\/pages\/11750\/revisions\/12018"}],"wp:attachment":[{"href":"https:\/\/hoteldeville.de\/en\/wp-json\/wp\/v2\/media?parent=11750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 69c86d5f5612b714b547449d. Config Timestamp: 2026-03-29 00:07:59 UTC, Cached Timestamp: 2026-04-29 12:17:36 UTC -->