{"id":128,"date":"2026-03-24T09:41:17","date_gmt":"2026-03-24T09:41:17","guid":{"rendered":"https:\/\/quirky-ishizaka.152-53-246-62.plesk.page\/index.php\/webindex-register\/"},"modified":"2026-08-20T13:01:02","modified_gmt":"2026-08-20T13:01:02","slug":"webindex-register","status":"publish","type":"page","link":"https:\/\/dostepinn.com\/index.php\/webindex-register\/","title":{"rendered":"Privacy Policy"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nRechtliches \u2014 Do Step Inn Home<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..500&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\" \/>\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DO STEP INN HOME \u2014 Design System\r\n \"Feel at home. Step into Vienna.\" \u2014 a cinematic golden-hour arrival.\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n:root {\r\n \/* \u2500\u2500 Palette \u00b7 warm Vienna golden hour \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n --espresso: #14100C; \/* deep evening base *\/\r\n --espresso-2: #1C160F; \/* elevated dark surface *\/\r\n --espresso-3: #251D14; \/* card \/ raised *\/\r\n --stone: #F4ECDF; \/* warm cream text *\/\r\n --stone-soft: #D8CBB6; \/* secondary text *\/\r\n --stone-dim: rgba(216,203,182,.62);\r\n --cream: #EFE6D6; \/* morning-light section bg *\/\r\n --cream-2: #E7DAC4;\r\n --gold: #C9A24B; \/* signature muted gold *\/\r\n --gold-soft: #E0C078;\r\n --green: #38493B; \/* deep Vienna green *\/\r\n --green-deep: #2A362C;\r\n\r\n \/* \u2500\u2500 Semantic \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n --bg: var(--espresso);\r\n --text: var(--stone);\r\n --muted: var(--stone-soft);\r\n --line: rgba(216,203,182,.16);\r\n --line-strong: rgba(216,203,182,.3);\r\n\r\n \/* \u2500\u2500 Type \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n --serif: \"Fraunces\", \"Cormorant Garamond\", Georgia, \"Times New Roman\", serif;\r\n --sans: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n\r\n \/* \u2500\u2500 Space & motion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n --gutter: clamp(1.25rem, 5vw, 6rem);\r\n --max: 1240px;\r\n --ease: cubic-bezier(.22, 1, .36, 1); \/* decelerating, \"train into station\" *\/\r\n --ease-soft: cubic-bezier(.4, 0, .2, 1);\r\n --shadow: 0 40px 90px -40px rgba(0,0,0,.7), 0 12px 30px -18px rgba(0,0,0,.6);\r\n --radius: 20px;\r\n}\r\n\r\n\/* \u2500\u2500 Reset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; }\r\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\r\n@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }\r\n\r\nbody {\r\n font-family: var(--sans);\r\n font-weight: 400;\r\n background: var(--bg);\r\n color: var(--text);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n text-rendering: optimizeLegibility;\r\n}\r\nimg, svg { display: block; max-width: 100%; }\r\nbutton { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; }\r\na { color: inherit; text-decoration: none; }\r\nul { list-style: none; padding: 0; }\r\n:focus-visible { outline: 2px solid var(--gold-soft); outline-offset: 3px; border-radius: 4px; }\r\n\r\n\/* Film grain + warmth overlay *\/\r\n.grain {\r\n position: fixed; inset: 0; pointer-events: none; z-index: 9;\r\n opacity: .05; mix-blend-mode: overlay;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n.skip-link {\r\n position: fixed; top: -100px; left: 1rem; z-index: 200;\r\n background: var(--gold); color: var(--espresso); padding: .7rem 1.1rem;\r\n border-radius: 8px; font-weight: 600; transition: top .2s;\r\n}\r\n.skip-link:focus { top: 1rem; }\r\n\r\n\/* \u2500\u2500 Typographic primitives \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.eyebrow {\r\n font-size: .74rem; letter-spacing: .28em; text-transform: uppercase;\r\n color: var(--gold); font-weight: 500; margin-bottom: 1.4rem;\r\n}\r\n.ital { font-style: italic; font-family: var(--serif); }\r\n\r\n.section__title {\r\n font-family: var(--serif); font-weight: 400;\r\n font-size: clamp(2.4rem, 6vw, 4.6rem); line-height: 1.02;\r\n letter-spacing: -.01em; margin-bottom: 1.6rem;\r\n}\r\n.section__lede {\r\n font-size: clamp(1.05rem, 1.7vw, 1.28rem); color: var(--muted);\r\n max-width: 46ch; line-height: 1.7;\r\n}\r\n.section__head { max-width: var(--max); margin: 0 auto clamp(2.5rem, 5vw, 4.5rem); }\r\n\r\n\/* \u2500\u2500 Buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.btn {\r\n display: inline-flex; align-items: center; gap: .6rem;\r\n padding: .95rem 1.7rem; border-radius: 100px; font-weight: 500;\r\n letter-spacing: .01em; transition: transform .4s var(--ease), box-shadow .4s var(--ease), background .3s, color .3s;\r\n will-change: transform;\r\n}\r\n.btn--sm { padding: .7rem 1.3rem; font-size: .92rem; }\r\n.btn--lg { padding: 1.15rem 2.4rem; font-size: 1.08rem; }\r\n.btn--gold {\r\n background: linear-gradient(135deg, var(--gold-soft), var(--gold));\r\n color: #241a0c; box-shadow: 0 10px 30px -12px rgba(201,162,75,.6);\r\n}\r\n.btn--gold:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -14px rgba(201,162,75,.75); }\r\n.btn--ghost {\r\n border: 1px solid var(--line-strong); color: var(--text);\r\n background: rgba(244,236,223,.03); backdrop-filter: blur(6px);\r\n}\r\n.btn--ghost:hover { border-color: var(--gold); transform: translateY(-3px); }\r\n.btn__orb, .fab__orb {\r\n width: 12px; height: 12px; border-radius: 50%;\r\n background: radial-gradient(circle at 35% 35%, var(--gold-soft), var(--gold) 60%, transparent);\r\n box-shadow: 0 0 14px 2px rgba(224,192,120,.7);\r\n animation: pulse 2.8s var(--ease-soft) infinite;\r\n}\r\n@keyframes pulse { 0%,100%{ transform: scale(1); opacity:.85 } 50%{ transform: scale(1.25); opacity:1 } }\r\n\r\n.link-gold {\r\n color: var(--gold-soft); border-bottom: 1px solid rgba(224,192,120,.4);\r\n padding-bottom: 2px; font-weight: 500; transition: color .3s, border-color .3s;\r\n}\r\n.link-gold:hover { color: var(--stone); border-color: var(--gold); }\r\n\r\n\/* \u2550\u2550\u2550 NAV \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.nav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n display: flex; align-items: center; gap: 1.5rem;\r\n padding: 1.2rem var(--gutter);\r\n transition: background .5s var(--ease), padding .5s var(--ease), border-color .5s;\r\n border-bottom: 1px solid transparent;\r\n}\r\n.nav.is-scrolled {\r\n background: rgba(20,16,12,.72); backdrop-filter: blur(16px) saturate(1.2);\r\n border-bottom-color: var(--line); padding-top: .85rem; padding-bottom: .85rem;\r\n}\r\n.nav__brand { display: flex; align-items: center; gap: .6rem; margin-right: auto; }\r\n.nav__mark { color: var(--gold); display: grid; place-items: center; }\r\n.nav__word { font-family: var(--serif); font-size: 1.32rem; letter-spacing: .01em; }\r\n.nav__word em { color: var(--gold-soft); font-style: italic; }\r\n.nav__links { display: flex; gap: 2rem; }\r\n.nav__links a { font-size: .95rem; color: var(--stone-soft); position: relative; transition: color .3s; }\r\n.nav__links a::after {\r\n content: \"\"; position: absolute; left: 0; bottom: -6px; height: 1px; width: 0;\r\n background: var(--gold); transition: width .4s var(--ease);\r\n}\r\n.nav__links a:hover { color: var(--stone); }\r\n.nav__links a:hover::after { width: 100%; }\r\n.nav__cta {\r\n border: 1px solid var(--line-strong); border-radius: 100px; padding: .6rem 1.2rem;\r\n font-size: .92rem; transition: border-color .3s, background .3s, color .3s;\r\n}\r\n.nav__cta:hover { border-color: var(--gold); background: var(--gold); color: var(--espresso); }\r\n.nav__burger { display: none; flex-direction: column; gap: 5px; padding: .5rem; }\r\n.nav__burger span { width: 24px; height: 2px; background: var(--stone); transition: .3s; }\r\n\r\n\/* \u2550\u2550\u2550 CHAPTER 1 \u2014 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero {\r\n position: relative; min-height: 100svh; display: flex; align-items: center;\r\n padding: 8rem var(--gutter) 6rem; overflow: hidden;\r\n}\r\n.hero__scene { position: absolute; inset: 0; z-index: 0; }\r\n.hero__scene canvas { display: block; width: 100% !important; height: 100% !important; }\r\n\/* Static golden-hour fallback (also the mobile \/ reduced-motion visual) *\/\r\n.hero__fallback {\r\n position: absolute; inset: 0; z-index: 0;\r\n background-color: #14100c;\r\n background-image:\r\n \/* warm scrim keeps the headline legible over the photo *\/\r\n linear-gradient(180deg, rgba(30,22,14,.28) 0%, rgba(30,22,14,.45) 100%),\r\n url(\"https:\/\/piaxoxo.github.io\/Do-Step-Inn-Home\/assets\/img\/hero.jpg\"),\r\n \/* warm golden-hour fallback if hero.jpg is absent *\/\r\n radial-gradient(120% 90% at 74% 16%, rgba(224,192,120,.5), transparent 58%),\r\n radial-gradient(90% 80% at 15% 90%, rgba(120,90,58,.55), transparent 62%),\r\n linear-gradient(165deg, #6b4f34 0%, #4a3826 45%, #33271a 100%);\r\n background-size: cover; background-position: center;\r\n}\r\n\/* faint skyline silhouette under everything *\/\r\n.hero__fallback::after {\r\n content: \"\"; position: absolute; inset: auto 0 0 0; height: 42%;\r\n background:\r\n linear-gradient(180deg, transparent, rgba(30,20,10,.55)),\r\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='1440' height='320' preserveAspectRatio='xMidYMax slice'%3E%3Cg fill='%23000' fill-opacity='.5'%3E%3Crect x='60' y='235' width='120' height='85'\/%3E%3Crect x='200' y='255' width='90' height='65'\/%3E%3Crect x='310' y='215' width='70' height='105'\/%3E%3Crect x='500' y='175' width='130' height='145'\/%3E%3Cpath d='M495 175 L565 120 L635 175 Z'\/%3E%3Cpath d='M556 175 L565 35 L574 175 Z'\/%3E%3Crect x='561' y='20' width='8' height='18'\/%3E%3Crect x='665' y='245' width='80' height='75'\/%3E%3Cpath d='M772 245 Q800 182 828 245 Z'\/%3E%3Crect x='766' y='245' width='9' height='75'\/%3E%3Crect x='825' y='245' width='9' height='75'\/%3E%3Crect x='860' y='228' width='90' height='92'\/%3E%3Crect x='965' y='255' width='70' height='65'\/%3E%3Cpath d='M1075 320 L1120 195 L1128 200 L1090 320 Z'\/%3E%3Cpath d='M1165 320 L1120 195 L1112 200 L1150 320 Z'\/%3E%3Crect x='1245' y='238' width='110' height='82'\/%3E%3Crect x='1365' y='215' width='75' height='105'\/%3E%3Ccircle cx='1120' cy='190' r='7'\/%3E%3C\/g%3E%3Cg stroke='%23000' stroke-opacity='.5' stroke-width='3' fill='none'%3E%3Ccircle cx='1120' cy='190' r='82'\/%3E%3Cpath d='M1120 190 L1120 108 M1120 190 L1120 272 M1120 190 L1038 190 M1120 190 L1202 190 M1120 190 L1062 132 M1120 190 L1178 248 M1120 190 L1178 132 M1120 190 L1062 248'\/%3E%3C\/g%3E%3C\/svg%3E\") bottom center \/ cover no-repeat;\r\n opacity: .5;\r\n}\r\n.hero__veil {\r\n position: absolute; inset: 0; z-index: 1;\r\n background: linear-gradient(90deg, rgba(16,12,8,.82) 0%, rgba(16,12,8,.4) 42%, transparent 75%);\r\n}\r\n.hero__inner { position: relative; z-index: 2; max-width: 760px; }\r\n.hero__title {\r\n font-family: var(--serif); font-weight: 300;\r\n font-size: clamp(3rem, 9vw, 7rem); line-height: .98; letter-spacing: -.02em;\r\n margin: .5rem 0 1.8rem;\r\n}\r\n.hero__title span { display: block; }\r\n.hero__title--gold {\r\n font-style: italic;\r\n background: linear-gradient(100deg, var(--gold-soft), var(--gold) 70%);\r\n -webkit-background-clip: text; background-clip: text; color: transparent;\r\n}\r\n.hero__lede {\r\n font-size: clamp(1.1rem, 1.9vw, 1.4rem); color: var(--stone-soft);\r\n max-width: 40ch; line-height: 1.65; margin-bottom: 2.6rem;\r\n}\r\n.hero__actions { display: flex; gap: 1rem; flex-wrap: wrap; }\r\n.hero__scroll {\r\n position: absolute; bottom: 2rem; left: var(--gutter); z-index: 2;\r\n display: flex; align-items: center; gap: 1rem; font-size: .78rem;\r\n letter-spacing: .2em; text-transform: uppercase; color: var(--stone-dim);\r\n}\r\n.hero__scroll-line {\r\n width: 60px; height: 1px; background: var(--line-strong); position: relative; overflow: hidden;\r\n}\r\n.hero__scroll-line::after {\r\n content: \"\"; position: absolute; inset: 0; width: 40%;\r\n background: var(--gold); animation: scrollpush 2.4s var(--ease) infinite;\r\n}\r\n@keyframes scrollpush { 0%{ transform: translateX(-100%) } 60%,100%{ transform: translateX(250%) } }\r\n\r\n\/* \u2550\u2550\u2550 GENERIC SECTIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.section {\r\n position: relative; padding: clamp(5rem, 12vh, 9rem) var(--gutter);\r\n}\r\n.section > * { max-width: var(--max); margin-left: auto; margin-right: auto; }\r\n\/* Warm morning-light sections invert the palette \u2014 the day-arc narrative *\/\r\n.section[data-mood=\"warm\"] {\r\n background: linear-gradient(180deg, var(--cream) 0%, var(--cream-2) 100%);\r\n color: #2a2016;\r\n}\r\n.section[data-mood=\"warm\"] .eyebrow { color: #9a7526; }\r\n.section[data-mood=\"warm\"] .section__lede,\r\n.section[data-mood=\"warm\"] p { color: #5c4a34; }\r\n.section[data-mood=\"warm\"] .btn--ghost { border-color: rgba(42,32,22,.24); color: #2a2016; background: rgba(42,32,22,.03); }\r\n\r\n\/* \u2500\u2500 Chapter II \u00b7 Home base grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.base__grid {\r\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem;\r\n}\r\n.base-card {\r\n background: rgba(255,255,255,.5); border: 1px solid rgba(42,32,22,.1);\r\n border-radius: var(--radius); padding: 2rem 1.7rem;\r\n transition: transform .5s var(--ease), box-shadow .5s var(--ease), background .4s;\r\n}\r\n.base-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -30px rgba(42,32,22,.28); background: rgba(255,255,255,.75); }\r\n.base-card--tall { grid-row: span 2; grid-column: span 2; display: flex; flex-direction: column; justify-content: flex-end;\r\n color: var(--stone); border-color: transparent; overflow: hidden;\r\n background-color: var(--green);\r\n \/* green scrim over a real photo (falls back to the gradient if photo missing) *\/\r\n background-image: linear-gradient(150deg, rgba(42,54,44,.72) 0%, rgba(30,38,30,.9) 100%), url(\"https:\/\/piaxoxo.github.io\/Do-Step-Inn-Home\/assets\/img\/room-cozy.jpg\"), linear-gradient(150deg, var(--green) 0%, var(--green-deep) 100%);\r\n background-size: cover; background-position: center; }\r\n.base-card--tall h3, .base-card--tall p { color: var(--stone) !important; }\r\n.base-card--tall .base-card__icon { color: var(--gold-soft); }\r\n\/* Photo card (e.g. House bar & coffee) \u2014 dark scrim over a real photo, light text *\/\r\n.base-card--photo {\r\n color: var(--stone); border-color: transparent; overflow: hidden;\r\n background-color: var(--espresso-3);\r\n background-image: linear-gradient(160deg, rgba(20,14,8,.55) 0%, rgba(16,12,8,.85) 100%), url(\"https:\/\/piaxoxo.github.io\/Do-Step-Inn-Home\/assets\/img\/bar.jpg\"), linear-gradient(150deg, #2a2016, #14100c);\r\n background-size: cover; background-position: center;\r\n}\r\n.base-card--photo h3, .base-card--photo p { color: var(--stone) !important; }\r\n.base-card--photo .base-card__icon { color: var(--gold-soft); }\r\n.base-card--photo:hover { background-color: var(--espresso-2); box-shadow: 0 30px 60px -30px rgba(0,0,0,.5); }\r\n.base-card__icon { width: 44px; height: 44px; color: #8a6a2a; margin-bottom: 1.4rem; }\r\n.base-card__icon svg { width: 100%; height: 100%; }\r\n.base-card h3 { font-family: var(--serif); font-size: 1.5rem; font-weight: 500; margin-bottom: .6rem; }\r\n.base-card p { font-size: .98rem; line-height: 1.6; }\r\n.base-card--tall h3 { font-size: 2rem; }\r\n\r\n\/* \u2500\u2500 Chapter III \u00b7 Rooms \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rooms__tabs {\r\n display: flex; flex-wrap: wrap; gap: .6rem; max-width: var(--max); margin: 0 auto 2rem;\r\n}\r\n.rooms__tab {\r\n padding: .7rem 1.4rem; border-radius: 100px; border: 1px solid rgba(42,32,22,.2);\r\n font-size: .95rem; color: #6b5842; transition: all .3s var(--ease);\r\n}\r\n.rooms__tab.is-active { background: #2a2016; color: var(--cream); border-color: #2a2016; }\r\n.rooms__tab:hover:not(.is-active) { border-color: #9a7526; color: #2a2016; }\r\n.rooms__stage { max-width: var(--max); margin: 0 auto; }\r\n.rooms__panel {\r\n display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(1.5rem, 4vw, 3.5rem);\r\n align-items: stretch;\r\n}\r\n.rooms__panel[hidden] { display: none; }\r\n\/* Real photography with a crafted gradient as automatic fallback.\r\n The photo is the first background layer; if the file is missing it is\r\n simply skipped and the warm gradient below shows through \u2014 no broken image. *\/\r\n.rooms__art {\r\n border-radius: var(--radius); min-height: 340px; position: relative; overflow: hidden;\r\n box-shadow: var(--shadow);\r\n background-color: #221913;\r\n background-image: linear-gradient(150deg, #3a2c1c, #221913);\r\n background-size: cover; background-position: center;\r\n}\r\n.rooms__art[data-art=\"single\"] { background-image: url(\"https:\/\/piaxoxo.github.io\/Do-Step-Inn-Home\/assets\/img\/room-single.jpg\"), linear-gradient(150deg,#3a2c1c,#221913); }\r\n.rooms__art[data-art=\"double\"] { background-image: url(\"https:\/\/piaxoxo.github.io\/Do-Step-Inn-Home\/assets\/img\/room-double.jpg\"), linear-gradient(150deg,#3a2c1c,#221913); }\r\n.rooms__art[data-art=\"triple\"] { background-image: url(\"https:\/\/piaxoxo.github.io\/Do-Step-Inn-Home\/assets\/img\/room-friends.jpg\"), linear-gradient(150deg,#3a2c1c,#221913); }\r\n.rooms__art[data-art=\"quad\"] { background-image: url(\"https:\/\/piaxoxo.github.io\/Do-Step-Inn-Home\/assets\/img\/room-family.jpg\"), linear-gradient(150deg,#3a2c1c,#221913); }\r\n.rooms__art[data-art=\"dorm\"] { background-image: url(\"https:\/\/piaxoxo.github.io\/Do-Step-Inn-Home\/assets\/img\/room-dorm.jpg\"), linear-gradient(150deg,#3a2c1c,#221913); }\r\n\/* Soft cinematic vignette for depth + consistency across photos *\/\r\n.rooms__art::after {\r\n content: \"\"; position: absolute; inset: 0; pointer-events: none;\r\n background: linear-gradient(180deg, rgba(20,14,8,.12) 0%, transparent 30%, transparent 60%, rgba(20,14,8,.42) 100%);\r\n}\r\n.rooms__copy {\r\n background: rgba(255,255,255,.55); border: 1px solid rgba(42,32,22,.1);\r\n border-radius: var(--radius); padding: clamp(1.8rem, 4vw, 3rem);\r\n display: flex; flex-direction: column; align-items: flex-start;\r\n}\r\n.rooms__copy h3 { font-family: var(--serif); font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 500; margin-bottom: 1rem; }\r\n.rooms__copy p { margin-bottom: 1.6rem; max-width: 40ch; }\r\n.rooms__spec { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 2rem; }\r\n.rooms__spec li {\r\n font-size: .84rem; padding: .4rem .9rem; border-radius: 100px;\r\n background: rgba(42,32,22,.07); color: #5c4a34;\r\n}\r\n\r\n\/* \u2500\u2500 Chapter IV & V \u00b7 Guides \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.guides { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; max-width: var(--max); margin: 0 auto; }\r\n.guide-card {\r\n position: relative; border-radius: var(--radius); padding: clamp(1.8rem, 4vw, 2.8rem);\r\n border: 1px solid var(--line); overflow: hidden;\r\n transition: transform .5s var(--ease), border-color .4s;\r\n}\r\n.guide-card:hover { transform: translateY(-6px); border-color: var(--line-strong); }\r\n.guide-card--vienna { background: linear-gradient(155deg, rgba(56,73,59,.5), rgba(20,16,12,.4)); }\r\n.guide-card--home { background: linear-gradient(155deg, rgba(201,162,75,.16), rgba(20,16,12,.4)); }\r\n.guide-card::before {\r\n content: \"\"; position: absolute; top: -40%; right: -20%; width: 60%; height: 80%;\r\n background: radial-gradient(circle, rgba(224,192,120,.25), transparent 70%); filter: blur(30px);\r\n}\r\n.guide-card__tag {\r\n display: inline-block; font-size: .72rem; letter-spacing: .2em; text-transform: uppercase;\r\n color: var(--gold); border: 1px solid var(--line-strong); border-radius: 100px;\r\n padding: .35rem .9rem; margin-bottom: 1.4rem; position: relative;\r\n}\r\n.guide-card h3 { font-family: var(--serif); font-size: clamp(1.8rem, 3.5vw, 2.4rem); font-weight: 400; margin-bottom: .8rem; }\r\n.guide-card p { color: var(--stone-soft); margin-bottom: 1.6rem; position: relative; max-width: 40ch; }\r\n.guide-card__prompts { display: flex; flex-direction: column; gap: .5rem; margin-bottom: 1.8rem; }\r\n.guide-card__prompts button {\r\n text-align: left; width: 100%; padding: .7rem 1rem; border-radius: 12px;\r\n border: 1px solid var(--line); background: rgba(244,236,223,.03);\r\n font-size: .92rem; color: var(--stone-soft); transition: all .3s var(--ease);\r\n}\r\n.guide-card__prompts button:hover { border-color: var(--gold); color: var(--stone); transform: translateX(4px); }\r\n\r\n\/* \u2500\u2500 Chapter VI \u00b7 Explore \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.explore__list { max-width: var(--max); margin: 0 auto; border-top: 1px solid var(--line); }\r\n.explore-row {\r\n display: flex; align-items: baseline; gap: 1.2rem; padding: 1.5rem 0;\r\n border-bottom: 1px solid var(--line); transition: padding-left .4s var(--ease), color .4s;\r\n}\r\n.explore-row:hover { padding-left: 1rem; }\r\n.explore-row__name { font-family: var(--serif); font-size: clamp(1.3rem, 3vw, 2rem); font-weight: 400; white-space: nowrap; }\r\n.explore-row__line { flex: 1; height: 1px; background: linear-gradient(90deg, var(--line-strong), transparent); align-self: center; }\r\n.explore-row__meta { color: var(--stone-soft); font-size: 1rem; white-space: nowrap; }\r\n.explore-row__meta b { color: var(--gold-soft); font-weight: 600; }\r\n.explore__cta { max-width: var(--max); margin: 2.5rem auto 0; color: var(--stone-soft); }\r\n\r\n\/* \u2500\u2500 Our Vienna locations \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.loc__layout { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6rem; max-width: var(--max); margin: 0 auto; align-items: stretch; }\r\n.loc__map {\r\n position: relative; border-radius: var(--radius); overflow: hidden; min-height: 380px;\r\n border: 1px solid var(--line-strong);\r\n background: linear-gradient(160deg, rgba(28,22,15,.9), rgba(16,12,8,.95));\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,.05), var(--shadow);\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n.loc__mapsvg { width: 100%; height: 100%; }\r\n.loc__pin circle { fill: var(--gold); stroke: rgba(20,16,12,.8); stroke-width: 2; filter: drop-shadow(0 0 6px rgba(224,192,120,.7)); transition: r .3s var(--ease); }\r\n.loc__pin text { fill: #241a0c; font: 700 8px var(--sans); text-anchor: middle; }\r\n.loc__pin[data-pin=\"home\"] circle { fill: var(--gold-soft); r: 9; }\r\n.loc__pin.is-active circle { r: 11; }\r\n.loc__pin { animation: locpulse 3s var(--ease-soft) infinite; transform-box: fill-box; transform-origin: center; }\r\n.loc__pin:nth-child(2){ animation-delay:.4s } .loc__pin:nth-child(3){ animation-delay:.8s }\r\n.loc__pin:nth-child(4){ animation-delay:1.2s } .loc__pin:nth-child(5){ animation-delay:1.6s }\r\n@keyframes locpulse { 0%,100%{ opacity:.85 } 50%{ opacity:1 } }\r\n.loc__maptag {\r\n position: absolute; left: 1rem; bottom: 1rem; font-size: .72rem; letter-spacing: .18em;\r\n text-transform: uppercase; color: var(--stone-dim);\r\n}\r\n.loc__list { display: flex; flex-direction: column; gap: .6rem; }\r\n.loc-card {\r\n display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem;\r\n padding: 1.1rem 1.3rem; border-radius: 14px; border: 1px solid var(--line);\r\n background: linear-gradient(150deg, rgba(244,236,223,.05), rgba(244,236,223,.015));\r\n backdrop-filter: blur(8px); transition: transform .4s var(--ease), border-color .3s, background .3s; height: 100%;\r\n}\r\n.loc-card:hover { transform: translateX(5px); border-color: var(--gold); background: linear-gradient(150deg, rgba(201,162,75,.1), rgba(244,236,223,.02)); }\r\n.loc-card__no {\r\n width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center;\r\n font-family: var(--serif); font-style: italic; color: var(--gold-soft);\r\n border: 1px solid var(--line-strong); flex-shrink: 0;\r\n}\r\n.loc-card.is-home .loc-card__no { background: linear-gradient(135deg, var(--gold-soft), var(--gold)); color: #241a0c; border-color: transparent; }\r\n.loc-card__body { display: flex; flex-direction: column; min-width: 0; }\r\n.loc-card__body b { font-family: var(--serif); font-size: 1.2rem; font-weight: 500; }\r\n.loc-card__body span { font-size: .84rem; color: var(--stone-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n.loc-card__go { color: var(--gold-soft); font-size: .85rem; font-weight: 500; white-space: nowrap; display: inline-flex; gap: .4rem; transition: gap .3s var(--ease); }\r\n.loc-card:hover .loc-card__go { gap: .8rem; }\r\n.loc-card__links { display: flex; flex-direction: column; gap: .3rem; align-items: flex-end; white-space: nowrap; }\r\n.loc-card__link { color: var(--gold); font-size: .86rem; font-weight: 600; display: inline-flex; gap: .35rem; transition: gap .3s var(--ease), color .3s; }\r\n.loc-card__link:hover { text-decoration: underline; text-underline-offset: 3px; }\r\n.loc-card:hover .loc-card__link { gap: .7rem; }\r\n@media (max-width: 860px) { .loc__layout { grid-template-columns: 1fr; } .loc__map { min-height: 300px; order: 2; } }\r\n\r\n\/* \u2500\u2500 Chapter VII \u00b7 Easy stay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.easy__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; max-width: var(--max); margin: 0 auto; }\r\n.easy-card {\r\n border: 1px solid rgba(42,32,22,.12); border-radius: var(--radius);\r\n padding: 2.2rem 1.8rem; background: rgba(255,255,255,.5);\r\n transition: transform .5s var(--ease), box-shadow .5s var(--ease);\r\n}\r\n.easy-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -30px rgba(42,32,22,.25); }\r\n.easy-card__num { font-family: var(--serif); font-size: 2.6rem; color: #9a7526; display: inline-flex; margin-bottom: 1rem; }\r\n.easy-card h3 { font-family: var(--serif); font-size: 1.5rem; font-weight: 500; margin-bottom: .6rem; }\r\n.easy__note { text-align: center; margin-top: 2.5rem; max-width: var(--max); margin-inline: auto; }\r\n\r\n\/* \u2500\u2500 Groups & partnerships (glassmorphism) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.groups { position: relative; overflow: hidden; }\r\n.groups__glow {\r\n position: absolute; inset: 0; z-index: 0; pointer-events: none;\r\n background:\r\n radial-gradient(50% 60% at 15% 20%, rgba(201,162,75,.18), transparent 60%),\r\n radial-gradient(45% 55% at 85% 90%, rgba(56,73,59,.5), transparent 60%);\r\n}\r\n.groups .section__head, .groups__grid, .groups__mail { position: relative; z-index: 1; }\r\n.groups__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; max-width: var(--max); margin: 0 auto; }\r\n.group-card {\r\n position: relative; display: flex; flex-direction: column; align-items: flex-start;\r\n padding: clamp(1.8rem, 4vw, 2.8rem); border-radius: var(--radius); overflow: hidden;\r\n border: 1px solid var(--line-strong);\r\n background: linear-gradient(150deg, rgba(244,236,223,.08), rgba(244,236,223,.02));\r\n backdrop-filter: blur(14px) saturate(1.1);\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 30px 60px -40px rgba(0,0,0,.6);\r\n transition: transform .5s var(--ease), border-color .4s, box-shadow .5s var(--ease);\r\n}\r\n.group-card::before {\r\n content: \"\"; position: absolute; top: -40%; right: -20%; width: 55%; height: 80%;\r\n background: radial-gradient(circle, rgba(224,192,120,.28), transparent 70%);\r\n filter: blur(34px); pointer-events: none;\r\n}\r\n.group-card--partner::before { background: radial-gradient(circle, rgba(127,176,138,.3), transparent 70%); }\r\n.group-card:hover { transform: translateY(-6px); border-color: var(--gold); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 40px 70px -40px rgba(0,0,0,.7); }\r\n.group-card__icon { width: 46px; height: 46px; color: var(--gold-soft); margin-bottom: 1.3rem; position: relative; }\r\n.group-card__icon svg { width: 100%; height: 100%; }\r\n.group-card h3 { font-family: var(--serif); font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 400; margin-bottom: .7rem; }\r\n.group-card p { color: var(--stone-soft); margin-bottom: 1.6rem; max-width: 42ch; line-height: 1.6; }\r\n.group-card__cta { margin-top: auto; color: var(--gold-soft); font-weight: 500; display: inline-flex; gap: .5rem; align-items: center; transition: gap .3s var(--ease); }\r\n.group-card:hover .group-card__cta { gap: .9rem; }\r\n.groups__mail { text-align: center; margin-top: 2.4rem; color: var(--stone-soft); }\r\n\r\n\/* \u2500\u2500 Chapter VIII \u00b7 Book \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.book { text-align: center; overflow: hidden; }\r\n.book::before {\r\n content: \"\"; position: absolute; inset: 0; z-index: 0;\r\n background: radial-gradient(80% 90% at 50% 120%, rgba(201,162,75,.25), transparent 60%);\r\n}\r\n.book__inner { position: relative; z-index: 1; max-width: 720px; }\r\n.book__title { font-family: var(--serif); font-weight: 300; font-size: clamp(2.6rem, 7vw, 5rem); line-height: 1.02; margin-bottom: 1.4rem; }\r\n.book__lede { color: var(--stone-soft); font-size: 1.2rem; max-width: 44ch; margin: 0 auto 2.4rem; }\r\n.book__reassure { margin-top: 1.6rem; font-size: .88rem; color: var(--stone-dim); letter-spacing: .04em; }\r\n\r\n\/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.footer {\r\n padding: 4rem var(--gutter) 3rem; border-top: 1px solid var(--line);\r\n display: grid; grid-template-columns: 1.4fr 1fr; gap: 2rem; align-items: start;\r\n}\r\n.footer__brand p { color: var(--stone-dim); margin-top: .6rem; font-size: .92rem; }\r\n.footer__nav { display: flex; flex-wrap: wrap; gap: 1.4rem; justify-content: flex-end; }\r\n.footer__nav a, .footer__nav button { color: var(--stone-soft); font-size: .95rem; transition: color .3s; }\r\n.footer__nav a:hover { color: var(--gold-soft); }\r\n.footer__legal { grid-column: 1 \/ -1; color: var(--stone-dim); font-size: .82rem; padding-top: 2rem; border-top: 1px solid var(--line); }\r\n\r\n\/* \u2500\u2500 Sticky booking bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.stickybar {\r\n position: fixed; left: 50%; bottom: 1.2rem; transform: translate(-50%, 160%);\r\n z-index: 90; display: flex; align-items: center; gap: 1.5rem;\r\n padding: .7rem .7rem .7rem 1.6rem; border-radius: 100px;\r\n background: rgba(28,22,15,.82); backdrop-filter: blur(16px);\r\n border: 1px solid var(--line-strong); box-shadow: var(--shadow);\r\n transition: transform .6s var(--ease); max-width: calc(100vw - 2rem);\r\n}\r\n.stickybar.is-visible { transform: translate(-50%, 0); }\r\n.stickybar__label { font-size: .9rem; color: var(--stone-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n\r\n\/* \u2500\u2500 Floating concierge FAB \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.fab {\r\n position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 91;\r\n display: flex; align-items: center; gap: .7rem; padding: .8rem 1.3rem .8rem .9rem;\r\n border-radius: 100px; background: linear-gradient(135deg, rgba(56,73,59,.95), rgba(28,22,15,.95));\r\n border: 1px solid var(--line-strong); box-shadow: var(--shadow);\r\n transform: translateY(160%); transition: transform .6s var(--ease), border-color .3s;\r\n}\r\n.fab.is-visible { transform: translateY(0); }\r\n.fab:hover { border-color: var(--gold); }\r\n.fab__label { font-size: .92rem; font-weight: 500; }\r\n@media (max-width: 560px) { .fab__label { display: none; } .fab { padding: .9rem; } }\r\n\r\n\/* \u2500\u2500 Reveal-on-scroll \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n[data-reveal] {\r\n opacity: 0; transform: translateY(52px) scale(.985);\r\n transition: opacity 1s var(--ease), transform 1.1s var(--ease);\r\n transition-delay: calc(var(--d, 0) * 110ms);\r\n}\r\n[data-reveal].is-in { opacity: 1; transform: none; }\r\n\r\n\/* \u2550\u2550\u2550 MODALS (booking + chat) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.modal[hidden], .chat[hidden] { display: none; }\r\n.modal, .chat { position: fixed; inset: 0; z-index: 150; display: grid; }\r\n.modal__backdrop {\r\n position: absolute; inset: 0; background: rgba(8,6,4,.6); backdrop-filter: blur(8px);\r\n opacity: 0; transition: opacity .4s var(--ease);\r\n}\r\n.is-open .modal__backdrop { opacity: 1; }\r\n.modal__card {\r\n position: relative; z-index: 1; place-self: center; width: min(500px, calc(100vw - 2rem));\r\n background: linear-gradient(160deg, var(--espresso-3), var(--espresso-2));\r\n border: 1px solid var(--line-strong); border-radius: 24px; padding: 2.5rem;\r\n box-shadow: var(--shadow); transform: translateY(20px) scale(.98); opacity: 0;\r\n transition: transform .5s var(--ease), opacity .4s var(--ease);\r\n}\r\n.is-open .modal__card { transform: none; opacity: 1; }\r\n.modal__close, .chat__close {\r\n position: absolute; top: 1rem; right: 1.2rem; font-size: 1.8rem; line-height: 1;\r\n color: var(--stone-soft); width: 40px; height: 40px; border-radius: 50%;\r\n transition: background .3s, color .3s;\r\n}\r\n.modal__close:hover, .chat__close:hover { background: rgba(244,236,223,.08); color: var(--stone); }\r\n.booking-card__title { font-family: var(--serif); font-size: 2rem; font-weight: 400; margin-bottom: 1.6rem; }\r\n.booking-form { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.booking-form label { display: flex; flex-direction: column; gap: .4rem; font-size: .82rem; color: var(--stone-soft); letter-spacing: .05em; text-transform: uppercase; }\r\n.booking-form input, .booking-form select {\r\n font: inherit; font-size: 1rem; text-transform: none; letter-spacing: 0;\r\n padding: .8rem 1rem; border-radius: 12px; border: 1px solid var(--line-strong);\r\n background: rgba(0,0,0,.25); color: var(--stone); color-scheme: dark;\r\n}\r\n.booking-form input:focus, .booking-form select:focus { border-color: var(--gold); outline: none; }\r\n.booking-form .btn { grid-column: 1 \/ -1; justify-content: center; margin-top: .5rem; }\r\n.booking-card__note { margin-top: 1.2rem; font-size: .84rem; color: var(--stone-dim); }\r\n\r\n\/* \u2550\u2550\u2550 CHAT PANEL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.chat { justify-items: end; }\r\n.chat__panel {\r\n position: relative; z-index: 1; align-self: stretch;\r\n width: min(440px, 100vw); height: 100svh; display: flex; flex-direction: column;\r\n background: linear-gradient(180deg, rgba(28,22,15,.96), rgba(16,12,8,.98));\r\n backdrop-filter: blur(20px); border-left: 1px solid var(--line-strong);\r\n box-shadow: -40px 0 90px -40px rgba(0,0,0,.7);\r\n transform: translateX(100%); transition: transform .55s var(--ease);\r\n}\r\n.is-open .chat__panel { transform: none; }\r\n.chat__header { display: flex; align-items: center; justify-content: space-between; padding: 1.1rem 1.2rem; border-bottom: 1px solid var(--line); gap: .5rem; }\r\n.chat__switch { display: flex; gap: .3rem; background: rgba(0,0,0,.3); padding: .3rem; border-radius: 100px; }\r\n.chat__mode {\r\n display: flex; align-items: center; gap: .45rem; padding: .5rem .9rem; border-radius: 100px;\r\n font-size: .84rem; color: var(--stone-soft); transition: all .3s var(--ease); white-space: nowrap;\r\n}\r\n.chat__mode-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--stone-soft); transition: .3s; }\r\n.chat__mode.is-active { background: rgba(244,236,223,.08); color: var(--stone); }\r\n.chat__mode[data-mode=\"vienna\"].is-active .chat__mode-dot { background: #7fb08a; box-shadow: 0 0 8px #7fb08a; }\r\n.chat__mode[data-mode=\"home\"].is-active .chat__mode-dot { background: var(--gold); box-shadow: 0 0 8px var(--gold); }\r\n.chat__close { position: static; }\r\n\r\n.chat__body { flex: 1; overflow-y: auto; padding: 1.4rem 1.2rem; display: flex; flex-direction: column; gap: 1rem; scroll-behavior: smooth; }\r\n.msg { max-width: 85%; padding: .85rem 1.1rem; border-radius: 16px; font-size: .95rem; line-height: 1.55; animation: msgIn .5s var(--ease) both; }\r\n@keyframes msgIn { from { opacity: 0; transform: translateY(10px); } }\r\n.msg--bot { align-self: flex-start; background: rgba(244,236,223,.06); border: 1px solid var(--line); border-bottom-left-radius: 4px; }\r\n.msg--user { align-self: flex-end; background: linear-gradient(135deg, var(--gold-soft), var(--gold)); color: #241a0c; border-bottom-right-radius: 4px; }\r\n.msg--bot strong { color: var(--gold-soft); }\r\n.msg--bot a { color: var(--gold-soft); text-decoration: underline; }\r\n.msg__pins { margin-top: .6rem; display: flex; flex-direction: column; gap: .4rem; }\r\n.msg__pin { display: flex; gap: .5rem; align-items: baseline; font-size: .86rem; color: var(--stone-soft); }\r\n.msg__pin::before { content: \"\ud83d\udccd\"; font-size: .8rem; }\r\n.typing { display: flex; gap: 4px; padding: 1rem 1.1rem; }\r\n.typing span { width: 7px; height: 7px; border-radius: 50%; background: var(--stone-soft); animation: blink 1.2s infinite; }\r\n.typing span:nth-child(2){ animation-delay: .2s } .typing span:nth-child(3){ animation-delay: .4s }\r\n@keyframes blink { 0%,60%,100%{ opacity: .3 } 30%{ opacity: 1 } }\r\n\r\n.chat__prompts { display: flex; gap: .5rem; overflow-x: auto; padding: .8rem 1.2rem; border-top: 1px solid var(--line); }\r\n.chat__prompts button {\r\n white-space: nowrap; padding: .55rem 1rem; border-radius: 100px; border: 1px solid var(--line-strong);\r\n font-size: .84rem; color: var(--stone-soft); transition: all .3s var(--ease); flex-shrink: 0;\r\n}\r\n.chat__prompts button:hover { border-color: var(--gold); color: var(--stone); }\r\n.chat__input { display: flex; gap: .6rem; padding: .9rem 1.2rem; border-top: 1px solid var(--line); }\r\n.chat__input input { flex: 1; font: inherit; padding: .8rem 1.1rem; border-radius: 100px; border: 1px solid var(--line-strong); background: rgba(0,0,0,.3); color: var(--stone); }\r\n.chat__input input:focus { border-color: var(--gold); outline: none; }\r\n.chat__input button { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, var(--gold-soft), var(--gold)); color: #241a0c; transition: transform .3s; flex-shrink: 0; }\r\n.chat__input button:hover { transform: scale(1.06); }\r\n.chat__disclaimer { font-size: .72rem; color: var(--stone-dim); padding: 0 1.2rem 1rem; text-align: center; }\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 940px) {\r\n .nav__links { display: none; }\r\n .nav__cta { display: none; }\r\n .nav__burger { display: flex; }\r\n .base__grid { grid-template-columns: 1fr 1fr; }\r\n .base-card--tall { grid-column: span 2; grid-row: auto; }\r\n .rooms__panel { grid-template-columns: 1fr; }\r\n .rooms__art { min-height: 240px; }\r\n .guides { grid-template-columns: 1fr; }\r\n .easy__grid { grid-template-columns: 1fr; }\r\n .footer { grid-template-columns: 1fr; }\r\n .footer__nav { justify-content: flex-start; }\r\n\r\n \/* Mobile nav drawer *\/\r\n .nav.is-menu-open .nav__links {\r\n display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0;\r\n background: rgba(20,16,12,.97); backdrop-filter: blur(16px); padding: 1.5rem var(--gutter);\r\n gap: 1.2rem; border-bottom: 1px solid var(--line);\r\n }\r\n .nav.is-menu-open .nav__cta { display: inline-flex; position: absolute; top: calc(100% + 12rem); left: var(--gutter); }\r\n}\r\n@media (max-width: 560px) {\r\n .base__grid { grid-template-columns: 1fr; }\r\n .base-card--tall { grid-column: auto; }\r\n .booking-form { grid-template-columns: 1fr; }\r\n .hero__scroll { display: none; }\r\n .stickybar__label { display: none; }\r\n .stickybar { padding: .5rem; left: auto; right: 1rem; transform: translateY(160%); }\r\n .stickybar.is-visible { transform: translateY(0); }\r\n .chat__panel { width: 100vw; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550 REDUCED MOTION \u2014 honour the guest's setting \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }\r\n [data-reveal] { opacity: 1 !important; transform: none !important; }\r\n .hero__scene { display: none !important; } \/* static fallback only *\/\r\n .btn__orb, .fab__orb { animation: none; }\r\n [data-parallax] { transform: none !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n LIGHT \/ WARM THEME v2 \u2014 cream \u00b7 taupe \u00b7 mocha (Awwwards editorial)\r\n Overrides the dark base to a bright, luxurious gallery look.\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root{\r\n --bg: #EAE3D6; \/* warm greige ground *\/\r\n --surface: #FBF8F2; \/* near-white warm card *\/\r\n --surface-2: #F2ECE0; \/* soft cream *\/\r\n --ink: #33291E; \/* deep warm brown text *\/\r\n --ink-soft: #6E6155; \/* taupe brown *\/\r\n --ink-dim: rgba(51,41,30,.5);\r\n --accent: #A6763F; \/* caramel \/ bronze *\/\r\n --accent-soft:#C0904F;\r\n --mocha-a: #9A7452; \/* mocha gradient cards *\/\r\n --mocha-b: #6E5238;\r\n --muted: #6E6155;\r\n --line: rgba(51,41,30,.12);\r\n --line-strong: rgba(51,41,30,.22);\r\n --radius: 26px;\r\n --shadow: 0 30px 70px -40px rgba(51,32,14,.4), 0 10px 24px -16px rgba(51,32,14,.28);\r\n}\r\nbody{ background: var(--bg); color: var(--ink); }\r\n.grain{ opacity:.03; mix-blend-mode:multiply; }\r\n\r\n\/* Nav \u2014 dark text (bright hero + light scrolled bar) *\/\r\n.nav__word{ color: var(--ink); }\r\n.nav__links a{ color: var(--ink-soft); }\r\n.nav__links a:hover{ color: var(--ink); }\r\n.nav__cta{ color: var(--ink); border-color: var(--line-strong); }\r\n.nav__burger span{ background: var(--ink); }\r\n.nav.is-scrolled{ background: rgba(251,248,242,.9); border-bottom-color: var(--line); }\r\n.nav.is-scrolled .nav__cta:hover{ color: #fff; background: var(--accent); border-color: var(--accent); }\r\n.nav.is-menu-open .nav__links{ background: rgba(251,248,242,.98); border-bottom-color: var(--line); }\r\n\r\n\/* Hero \u2014 light cream scrim + dark editorial text over the bright golden scene *\/\r\n.hero__veil{ background: linear-gradient(90deg, rgba(250,246,238,.74) 0%, rgba(250,246,238,.34) 46%, transparent 82%); }\r\n.hero__lede{ color: #5a4c3a; }\r\n.hero__scroll{ color: var(--ink-dim); }\r\n.hero__scroll-line{ background: var(--line-strong); }\r\n.hero .btn--ghost{ color: var(--ink); border-color: var(--line-strong); background: rgba(255,255,255,.45); }\r\n\r\n\/* Section ledes \/ primitives *\/\r\n.section__lede{ color: var(--ink-soft); }\r\n.eyebrow{ color: var(--accent); }\r\n.link-gold{ color: var(--accent); border-bottom-color: rgba(166,118,63,.4); }\r\n.link-gold:hover{ color: var(--ink); border-bottom-color: var(--accent); }\r\n\r\n\/* Guides *\/\r\n.guide-card{ background: var(--surface); border-color: var(--line); box-shadow: 0 24px 55px -34px rgba(51,32,14,.3); }\r\n.guide-card--vienna{ background: linear-gradient(155deg,#EEEBE0,var(--surface)); }\r\n.guide-card--home{ background: linear-gradient(155deg,#F4E9D6,var(--surface)); }\r\n.guide-card::before{ opacity:.45; }\r\n.guide-card h3{ color: var(--ink); }\r\n.guide-card p{ color: var(--ink-soft); }\r\n.guide-card__tag{ color: var(--accent); border-color: var(--line-strong); }\r\n.guide-card__prompts button{ border-color: var(--line); background: rgba(51,41,30,.03); color: var(--ink-soft); }\r\n.guide-card__prompts button:hover{ border-color: var(--accent); color: var(--ink); }\r\n\r\n\/* Explore *\/\r\n.explore__list, .explore-row{ border-color: var(--line); }\r\n.explore-row__meta{ color: var(--ink-soft); }\r\n.explore-row__meta b{ color: var(--accent); }\r\n.explore-row__line{ background: linear-gradient(90deg,var(--line-strong),transparent); }\r\n.explore__cta{ color: var(--ink-soft); }\r\n\r\n\/* Locations cards *\/\r\n.loc-card{ background: var(--surface); border-color: var(--line); box-shadow: 0 18px 44px -34px rgba(51,32,14,.28); }\r\n.loc-card:hover{ border-color: var(--accent); background: var(--surface); }\r\n.loc-card__body span{ color: var(--ink-soft); }\r\n.loc-card__go{ color: var(--accent); }\r\n.loc-card__link{ color: var(--accent); }\r\n.loc-card__no{ color: var(--accent); border-color: var(--line-strong); }\r\n\r\n\/* Groups *\/\r\n.group-card{ background: var(--surface); border-color: var(--line); box-shadow: 0 24px 55px -34px rgba(51,32,14,.3); }\r\n.group-card h3{ color: var(--ink); }\r\n.group-card p{ color: var(--ink-soft); }\r\n.group-card__cta{ color: var(--accent); }\r\n.group-card__icon{ color: var(--accent); }\r\n.groups__mail{ color: var(--ink-soft); }\r\n.groups__glow{ opacity:.55; }\r\n\r\n\/* Book *\/\r\n.book__lede{ color: var(--ink-soft); }\r\n.book__reassure{ color: var(--ink-dim); }\r\n.book::before{ background: radial-gradient(80% 90% at 50% 120%, rgba(166,118,63,.2), transparent 60%); }\r\n\r\n\/* Footer *\/\r\n.footer{ border-color: var(--line); }\r\n.footer__brand p{ color: var(--ink-soft); }\r\n.footer__nav a, .footer__nav button{ color: var(--ink-soft); }\r\n.footer__nav a:hover{ color: var(--accent); }\r\n.footer__legal{ color: var(--ink-dim); border-color: var(--line); line-height: 1.9; }\r\n.footer__legal a{ color: var(--ink-soft); text-decoration: underline; text-underline-offset: 3px; transition: color .3s; }\r\n.footer__legal a:hover{ color: var(--accent); }\r\n\r\n\/* \u2500\u2500 Real Google Map (keyless iframe) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.loc__map{\r\n padding: 0; background: none; border: 0; box-shadow: var(--shadow);\r\n border-radius: var(--radius); overflow: hidden; min-height: 440px;\r\n}\r\n.loc__map iframe{\r\n width: 100%; height: 100%; min-height: 440px; border: 0; display: block;\r\n filter: saturate(.92) contrast(.98);\r\n}\r\n@media (max-width: 860px){ .loc__map, .loc__map iframe{ min-height: 320px; } .loc__map{ order: 2; } }\r\n\r\n\/* \u2500\u2500 Parallax \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n[data-parallax]{ will-change: transform; }\r\n\r\n\r\n\/* \u2500\u2500 Base photo-card variants (kitchen, courtyard) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.base-card--kitchen{\r\n background-image: linear-gradient(160deg, rgba(20,14,8,.5) 0%, rgba(16,12,8,.82) 100%), url(\"https:\/\/piaxoxo.github.io\/Do-Step-Inn-Home\/assets\/img\/kitchen.jpg\"), linear-gradient(150deg,#2a2016,#14100c);\r\n}\r\n.base-card--courtyard{\r\n background-image: linear-gradient(160deg, rgba(20,14,8,.42) 0%, rgba(30,40,32,.8) 100%), url(\"https:\/\/piaxoxo.github.io\/Do-Step-Inn-Home\/assets\/img\/courtyard.jpg\"), linear-gradient(150deg,#38493b,#2a362c);\r\n}\r\n\r\n\/* \u2500\u2500 Gallery (\"A look inside\") \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.gallery__grid{\r\n display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 200px;\r\n gap: 1rem; max-width: var(--max); margin: 0 auto;\r\n}\r\n.gallery__item{\r\n position: relative; overflow: hidden; border-radius: 18px; box-shadow: var(--shadow);\r\n background: #2a2016;\r\n}\r\n.gallery__item img{\r\n width: 100%; height: 100%; object-fit: cover; display: block;\r\n transition: transform 1s var(--ease); filter: saturate(1.02);\r\n}\r\n.gallery__item:hover img{ transform: scale(1.07); }\r\n.gallery__item::after{\r\n content: attr(data-label); position: absolute; left: 1rem; bottom: .85rem;\r\n color: #fff; font-family: var(--serif); font-size: 1.05rem; letter-spacing: .01em;\r\n text-shadow: 0 2px 12px rgba(0,0,0,.6); opacity: 0; transform: translateY(8px);\r\n transition: opacity .4s var(--ease), transform .4s var(--ease); pointer-events: none;\r\n}\r\n.gallery__item::before{\r\n content: \"\"; position: absolute; inset: 0; pointer-events: none;\r\n background: linear-gradient(180deg, transparent 45%, rgba(20,14,8,.55) 100%);\r\n opacity: 0; transition: opacity .4s var(--ease);\r\n}\r\n.gallery__item:hover::after, .gallery__item:hover::before{ opacity: 1; }\r\n.gallery__item:hover::after{ transform: translateY(0); }\r\n.gallery__item--wide{ grid-column: span 2; }\r\n.gallery__item--tall{ grid-row: span 2; }\r\n@media (max-width: 860px){\r\n .gallery__grid{ grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; }\r\n .gallery__item--tall{ grid-row: span 1; }\r\n}\r\n\r\n\/* \u2500\u2500 Logo (nav + footer) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.nav__logo{ height: 42px; width: auto; display: block; transition: height .4s var(--ease); }\r\n.nav.is-scrolled .nav__logo{ height: 34px; }\r\n.footer__logo{ height: 54px; width: auto; display: block; margin-bottom: .2rem; }\r\n@media (max-width: 560px){ .nav__logo{ height: 30px; } }\r\n\r\n\/* \u2500\u2500 Footer social links \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.footer__social{ display: flex; gap: .7rem; margin-top: 1.1rem; flex-wrap: wrap; }\r\n.footer__social .social{\r\n display: inline-flex; align-items: center; gap: .5rem;\r\n padding: .5rem .9rem .5rem .7rem; border: 1px solid var(--line);\r\n border-radius: 999px; color: var(--ink-soft); font-size: .9rem; font-weight: 500;\r\n background: var(--surface); transition: color .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease);\r\n}\r\n.footer__social .social svg{ display: block; }\r\n.footer__social .social:hover{\r\n color: var(--accent); border-color: var(--accent); transform: translateY(-2px);\r\n}\r\n@media (prefers-reduced-motion: reduce){ .footer__social .social:hover{ transform: none; } }\r\n\r\n\/* \u2500\u2500 Booking band (UP Hotel IBE) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.bookbar{ position: relative; z-index: 3; padding: 0 var(--gutter) clamp(2rem,5vw,3.5rem); margin-top: clamp(-5.5rem, -6vw, -3rem); }\r\n.bookbar__inner{\r\n max-width: var(--max); margin: 0 auto; background: var(--surface);\r\n border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow);\r\n padding: clamp(1.4rem, 3vw, 2.4rem);\r\n}\r\n.bookbar__title{ font-family: var(--serif); font-size: clamp(1.3rem,2.5vw,1.7rem); color: var(--ink); margin-bottom: 1rem; }\r\n.bookbar__note{ margin-top: 1rem; font-size: .84rem; color: var(--ink-dim); letter-spacing: .03em; }\r\n.ibe-wrap{ width: 100%; min-height: 64px; }\r\n.ibe-wrap--book{ margin: 1.8rem auto; max-width: 860px; }\r\n\r\n\/* \u2500\u2500 Group booking request form \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.groups__layout{ display:grid; grid-template-columns:1.6fr 1fr; gap:1.4rem; max-width:var(--max); margin:0 auto; position:relative; z-index:1; align-items:start; }\r\n.group-form{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:clamp(1.6rem,3.5vw,2.6rem); box-shadow:0 24px 55px -34px rgba(51,32,14,.3); }\r\n.group-form h3{ font-family:var(--serif); font-size:clamp(1.5rem,2.6vw,2rem); font-weight:400; color:var(--ink); }\r\n.group-form h3 span{ color:var(--accent); font-size:.62em; font-style:italic; }\r\n.group-form__sub{ color:var(--ink-soft); margin:.5rem 0 1.6rem; font-size:.98rem; }\r\n.group-form__grid{ display:grid; grid-template-columns:1fr 1fr; gap:1rem 1.1rem; }\r\n.group-form label{ display:flex; flex-direction:column; gap:.4rem; font-size:.76rem; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-soft); }\r\n.group-form .opt{ text-transform:none; letter-spacing:0; opacity:.6; }\r\n.group-form input, .group-form textarea{ font:inherit; font-size:1rem; text-transform:none; letter-spacing:0; padding:.75rem .9rem; border-radius:12px; border:1px solid var(--line-strong); background:#fff; color:var(--ink); transition:border-color .3s; }\r\n.group-form input:focus, .group-form textarea:focus{ outline:none; border-color:var(--accent); }\r\n.group-form__full{ margin-top:1rem; }\r\n.group-form__field{ border:0; padding:0; margin:1.3rem 0 0; }\r\n.group-form__field legend{ font-size:.76rem; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:.7rem; }\r\n.group-form .chk{ display:inline-flex; flex-direction:row; align-items:center; gap:.5rem; text-transform:none; letter-spacing:0; font-size:.95rem; color:var(--ink); margin:0 1.3rem .55rem 0; cursor:pointer; }\r\n.group-form .chk input{ width:auto; accent-color:var(--accent); }\r\n.group-form__ok{ margin-top:1.1rem; color:#2e6b3f; font-size:.96rem; background:rgba(56,107,63,.08); border:1px solid rgba(56,107,63,.28); padding:.85rem 1.05rem; border-radius:12px; }\r\n.group-side{ display:flex; flex-direction:column; gap:1.1rem; }\r\n.group-side .group-card{ height:auto; }\r\n.group-side .groups__mail{ margin:0; text-align:left; }\r\n@media(max-width:860px){ .groups__layout{ grid-template-columns:1fr; } .group-form__grid{ grid-template-columns:1fr; } }\r\n\r\n\/* \u2550\u2550\u2550 SCROLL PROGRESS BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.scrollbar{\r\n position: fixed; top: 0; left: 0; height: 3px; width: 0%;\r\n background: linear-gradient(90deg, var(--accent-soft), var(--accent));\r\n z-index: 300; pointer-events: none; transition: width .1s linear;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 HORIZONTAL-SCROLL GALLERY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgallery{ position: relative; background: linear-gradient(180deg, var(--bg), var(--surface-2)); }\r\n.hgallery__pin{\r\n position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden;\r\n display: flex; flex-direction: column; justify-content: center; gap: clamp(1rem,3vh,2.2rem);\r\n}\r\n.hgallery__head{ padding: 0 var(--gutter); max-width: var(--max); }\r\n.hgallery__title{ font-family: var(--serif); font-weight: 400; color: var(--ink);\r\n font-size: clamp(1.9rem,4.5vw,3.4rem); line-height: 1.03; margin-top: .4rem; }\r\n.hgallery__hint{ margin-top: .8rem; font-size: .78rem; letter-spacing: .22em; text-transform: uppercase; color: var(--accent); }\r\n.hgallery__track{ display: flex; gap: clamp(1rem,1.6vw,1.6rem); padding: 0 var(--gutter); will-change: transform; }\r\n.hg-item{\r\n position: relative; flex: 0 0 auto; width: clamp(240px, 40vw, 540px); height: 60vh; height: 60svh;\r\n border-radius: 22px; overflow: hidden; box-shadow: var(--shadow); background: #2a2016;\r\n}\r\n.hg-item img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s var(--ease); }\r\n.hg-item:hover img{ transform: scale(1.05); }\r\n.hg-item::before{ content:\"\"; position:absolute; inset:0; background: linear-gradient(180deg, transparent 55%, rgba(20,14,8,.6)); }\r\n.hg-item::after{\r\n content: attr(data-label); position: absolute; left: 1.1rem; bottom: 1rem; color: #fff;\r\n font-family: var(--serif); font-size: 1.15rem; text-shadow: 0 2px 12px rgba(0,0,0,.6);\r\n}\r\n\/* Fallback: horizontal swipe strip when JS\/pin is off, mobile, or reduced-motion *\/\r\n.hgallery.is-static .hgallery__pin{ position: static; height: auto; padding: clamp(3rem,8vh,6rem) 0; }\r\n.hgallery.is-static .hgallery__track{ overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 1rem; -webkit-overflow-scrolling: touch; }\r\n.hgallery.is-static .hg-item{ scroll-snap-align: center; height: 52vh; }\r\n@media (max-width: 700px){ .hg-item{ width: 78vw; height: 54vh; } }\r\n@media (prefers-reduced-motion: reduce){\r\n .hgallery__pin{ position: static; height: auto; padding: 3rem 0; }\r\n .hgallery__track{ overflow-x: auto; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550 INTERACTIONS: TILT \u00b7 WORD-REVEAL \u00b7 STORY \u00b7 3D FLY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n\/* 3D tilt on cards (set via JS) *\/\r\n[data-tilt]{ transition: transform .5s var(--ease); transform-style: preserve-3d; will-change: transform; }\r\n[data-tilt]:hover{ transition: transform .12s ease-out; }\r\n\r\n\/* Word-by-word heading reveal *\/\r\n.word{ display: inline-block; opacity: 0; transform: translateY(.5em) rotate(2deg);\r\n transition: opacity .6s var(--ease), transform .6s var(--ease);\r\n transition-delay: calc(var(--wd, 0) * 45ms); }\r\n[data-reveal].is-in .word, .is-in .word{ opacity: 1; transform: none; }\r\n\r\n\/* Sticky story *\/\r\n.story{ position: relative; height: 260vh; background: linear-gradient(180deg, var(--surface-2), var(--bg)); }\r\n.story__pin{ position: sticky; top: 0; height: 100vh; height: 100svh; display: flex; flex-direction: column;\r\n align-items: center; justify-content: center; text-align: center; gap: 1.4rem; overflow: hidden; }\r\n.story__eyebrow{ font-size: .74rem; letter-spacing: .3em; text-transform: uppercase; color: var(--accent); }\r\n.story__lines{ display: flex; flex-direction: column; gap: .2rem; }\r\n.story__line{ font-family: var(--serif); font-weight: 300; color: var(--ink);\r\n font-size: clamp(2.2rem, 8vw, 5.5rem); line-height: 1.02; opacity: .12; transform: translateY(.3em);\r\n transition: opacity .5s var(--ease), transform .5s var(--ease); }\r\n.story__line.is-lit{ opacity: 1; transform: none; }\r\n.story__bar{ position: absolute; bottom: 12vh; width: min(260px, 60vw); height: 2px; background: var(--line-strong); border-radius: 2px; overflow: hidden; }\r\n.story__bar span{ display: block; height: 100%; width: 0%; background: linear-gradient(90deg, var(--accent-soft), var(--accent)); }\r\n\r\n\/* 3D fly-through of the five houses *\/\r\n.fly{ position: relative; height: 460vh; background: radial-gradient(80% 60% at 50% 30%, #241c12, var(--espresso)); }\r\n.fly__pin{ position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; perspective: 900px; }\r\n.fly__head{ position: absolute; top: clamp(5rem, 12vh, 8rem); left: var(--gutter); right: var(--gutter); z-index: 6; }\r\n.fly__head .eyebrow{ color: var(--accent-soft); }\r\n.fly__title{ font-family: var(--serif); font-weight: 300; color: var(--stone);\r\n font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1.02; margin-top: .3rem; }\r\n.fly__space{ position: absolute; inset: 0; transform-style: preserve-3d; }\r\n.fly__panel{\r\n position: absolute; left: 50%; top: 50%; width: min(560px, 82vw);\r\n transform: translate(-50%, -50%) translateZ(calc(var(--i) * -900px - 900px));\r\n padding: clamp(1.8rem, 4vw, 3rem); border-radius: 26px; text-align: left;\r\n background: linear-gradient(155deg, rgba(201,162,75,.16), rgba(20,16,12,.55));\r\n border: 1px solid var(--line-strong); backdrop-filter: blur(6px);\r\n box-shadow: 0 40px 90px -40px rgba(0,0,0,.8); will-change: opacity;\r\n}\r\n.fly__panel .fly__no{ font-family: var(--serif); font-style: italic; color: var(--gold-soft); font-size: 1.4rem; }\r\n.fly__panel h3{ font-family: var(--serif); font-weight: 400; color: var(--stone); font-size: clamp(1.8rem, 4vw, 2.8rem); margin: .3rem 0 .5rem; }\r\n.fly__panel p{ color: var(--stone-soft); font-size: 1.02rem; }\r\n.fly__hint{ position: absolute; bottom: 8vh; left: 0; right: 0; text-align: center; z-index: 6;\r\n font-size: .74rem; letter-spacing: .22em; text-transform: uppercase; color: var(--stone-dim); }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n .story{ height: auto; } .story__pin{ position: static; height: auto; padding: 5rem 0; }\r\n .story__line{ opacity: 1; transform: none; }\r\n .fly{ height: auto; } .fly__pin{ position: static; height: auto; padding: 5rem 0; perspective: none; min-height: auto; }\r\n .fly__space{ position: static; transform: none !important; }\r\n .fly__panel{ position: relative; left: auto; top: auto; transform: none !important; opacity: 1 !important; width: auto; max-width: 640px; margin: 1rem auto; }\r\n .fly__head{ position: static; margin-bottom: 1.5rem; }\r\n .fly__hint{ display: none; }\r\n .word{ opacity: 1 !important; transform: none !important; }\r\n [data-tilt]{ transform: none !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n LEGAL PAGES \u2014 Impressum \u00b7 Datenschutz \u00b7 AGB\r\n Calm, readable long-form layout reusing the site's warm tokens.\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\nbody.legal { background: var(--bg); color: var(--ink); min-height: 100vh; display: flex; flex-direction: column; }\r\n\r\n\/* \u2500\u2500 Slim top bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.legal-nav {\r\n position: sticky; top: 0; z-index: 40;\r\n display: flex; align-items: center; justify-content: space-between;\r\n gap: 1rem; padding: 1rem clamp(1.2rem, 5vw, 3.5rem);\r\n background: color-mix(in srgb, var(--surface) 88%, transparent);\r\n backdrop-filter: blur(12px); border-bottom: 1px solid var(--line);\r\n}\r\n.legal-nav__brand { display: inline-flex; align-items: center; }\r\n.legal-nav__brand img { height: 38px; width: auto; display: block; }\r\n.legal-nav__back { color: var(--ink-soft); font-size: .92rem; font-weight: 500; display: inline-flex; gap: .45rem; transition: color .3s, gap .3s var(--ease); }\r\n.legal-nav__back:hover { color: var(--accent); gap: .75rem; }\r\n\r\n\/* \u2500\u2500 Article \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.legal-wrap { flex: 1; width: 100%; max-width: 860px; margin: 0 auto; padding: clamp(2.5rem, 6vw, 5rem) clamp(1.2rem, 5vw, 2rem) 4rem; }\r\n.legal-wrap .eyebrow { color: var(--accent); font-size: .74rem; letter-spacing: .3em; text-transform: uppercase; margin-bottom: .8rem; }\r\n.legal-wrap h1 { font-family: var(--serif); font-weight: 300; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.08; letter-spacing: -.01em; margin-bottom: .6rem; }\r\n.legal-wrap h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(1.25rem, 3vw, 1.6rem); margin: 2.4rem 0 .7rem; padding-top: 1.6rem; border-top: 1px solid var(--line); }\r\n.legal-wrap h2:first-of-type { border-top: none; padding-top: 0; }\r\n.legal-wrap h3 { font-family: var(--serif); font-weight: 500; font-size: 1.1rem; margin: 1.4rem 0 .4rem; }\r\n.legal-wrap p, .legal-wrap li { color: var(--ink-soft); line-height: 1.75; font-size: 1rem; }\r\n.legal-wrap p { margin-bottom: .9rem; }\r\n.legal-wrap ul, .legal-wrap ol { margin: 0 0 1rem 1.3rem; display: flex; flex-direction: column; gap: .35rem; }\r\n.legal-wrap li { padding-left: .2rem; }\r\n.legal-wrap strong { color: var(--ink); font-weight: 600; }\r\n.legal-wrap a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }\r\n.legal-wrap a:hover { text-decoration-thickness: 2px; }\r\n.legal-wrap address { font-style: normal; line-height: 1.7; color: var(--ink-soft); }\r\n.legal__updated { color: var(--ink-dim); font-size: .86rem; margin-bottom: 2rem; }\r\n\r\n\/* Highlighted \"please complete\" note for data we don't have yet *\/\r\n.legal-note {\r\n background: color-mix(in srgb, var(--accent) 9%, var(--surface));\r\n border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line));\r\n border-radius: 14px; padding: 1rem 1.2rem; margin: 0 0 2rem;\r\n color: var(--ink-soft); font-size: .92rem; line-height: 1.65;\r\n}\r\n.legal-note strong { color: var(--accent); }\r\n.legal-fill { color: var(--accent); font-weight: 600; background: color-mix(in srgb, var(--accent) 12%, transparent); padding: 0 .3em; border-radius: 4px; }\r\n\r\n.legal-card { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 1.4rem 1.5rem; margin: 0 0 1.4rem; }\r\n\r\n\/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.legal-foot { border-top: 1px solid var(--line); padding: 2rem clamp(1.2rem, 5vw, 3.5rem); display: flex; flex-wrap: wrap; gap: 1rem 1.6rem; align-items: center; justify-content: space-between; }\r\n.legal-foot__links { display: flex; flex-wrap: wrap; gap: 1.2rem; }\r\n.legal-foot a { color: var(--ink-soft); font-size: .9rem; transition: color .3s; }\r\n.legal-foot a:hover { color: var(--accent); }\r\n.legal-foot a[aria-current=\"page\"] { color: var(--accent); font-weight: 600; }\r\n.legal-foot__legal { color: var(--ink-dim); font-size: .82rem; }\r\n\r\n@media (max-width: 560px) {\r\n .legal-nav__brand img { height: 32px; }\r\n .legal-foot { flex-direction: column; align-items: flex-start; }\r\n}\r\n\r\n\r\n.legal-bleed{ width: 100vw; margin-left: calc(50% - 50vw); background: var(--bg); }\r\n.legal-topnav{ position: sticky; top: 0; z-index: 20; display: flex; gap: 1.4rem; justify-content: center; flex-wrap: wrap;\r\n padding: 1rem; background: color-mix(in srgb, var(--surface) 90%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }\r\n.legal-topnav a{ color: var(--ink-soft); font-size: .92rem; font-weight: 500; }\r\n.legal-topnav a[aria-current], .legal-topnav a:hover{ color: var(--accent); }\r\n.legal-sep{ border: 0; border-top: 1px solid var(--line); max-width: 860px; margin: 1rem auto; }\r\n\r\n<\/style>\r\n<\/head>\r\n<body class=\"legal\">\r\n<div class=\"legal-bleed\">\r\n <nav class=\"legal-topnav\" aria-label=\"Rechtliches\">\r\n <a href=\"#impressum\">Impressum<\/a>\r\n <a href=\"#datenschutz\">Datenschutz<\/a>\r\n <a href=\"#agb\">AGB<\/a>\r\n <\/nav>\r\n <main class=\"legal-wrap\" id=\"impressum\">\r\n <p class=\"eyebrow\">Rechtliches<\/p>\r\n <h1>Impressum<\/h1>\r\n <p class=\"legal__updated\">Offenlegung gem\u00e4\u00df \u00a7 5 E-Commerce-Gesetz (ECG) und \u00a7 25 Mediengesetz (MedienG).<\/p>\r\n\r\n <h2>Medieninhaber & Betreiber<\/h2>\r\n <div class=\"legal-card\">\r\n <address>\r\n <strong>Do Step Inn Home<\/strong><br \/>\r\n Kern Beherbergungsbetriebs GmbH<br \/>\r\n Felberstra\u00dfe 20<br \/>\r\n 1150 Wien<br \/>\r\n \u00d6sterreich\r\n <\/address>\r\n <\/div>\r\n\r\n <h2>Kontakt<\/h2>\r\n <p>\r\n Telefon: <a href=\"tel:+436763682844\">+43 676 3682844<\/a><br \/>\r\n E-Mail: <a href=\"mailto:backoffice@dostepinn.at\">backoffice@dostepinn.at<\/a>\r\n <\/p>\r\n\r\n <h2>Unternehmensdaten<\/h2>\r\n <ul>\r\n <li>Umsatzsteuer-Identifikationsnummer (UID): <strong>ATU61356623<\/strong><\/li>\r\n <li>Steuernummer: <strong>03 369\/6774<\/strong><\/li>\r\n <li>Firmenbuchnummer: <strong>FN 253911z<\/strong><\/li>\r\n <li>Firmenbuchgericht: <strong>Handelsgericht Wien<\/strong><\/li>\r\n <\/ul>\r\n\r\n <h2>Gesch\u00e4ftsf\u00fchrung<\/h2>\r\n <p>Gerald Kern (Gesch\u00e4ftsf\u00fchrer \/ CEO)<\/p>\r\n\r\n <h2>Unternehmensgegenstand<\/h2>\r\n <p>Beherbergung von G\u00e4sten sowie Betrieb von Unterkunfts- und Wohnanlagen.<\/p>\r\n\r\n <h2>Aufsichtsbeh\u00f6rde<\/h2>\r\n <p>Magistratisches Bezirksamt f\u00fcr den 15. Bezirk Wien<\/p>\r\n\r\n <h2>Mitgliedschaft<\/h2>\r\n <p>Wirtschaftskammer Wien<\/p>\r\n\r\n <h2>Berufsrecht<\/h2>\r\n <p>Gewerbeordnung (GewO), abrufbar unter <a href=\"https:\/\/www.ris.bka.gv.at\" target=\"_blank\" rel=\"noopener\">www.ris.bka.gv.at<\/a>.<\/p>\r\n\r\n <h2>Haftung f\u00fcr Inhalte<\/h2>\r\n <p>Die Inhalte dieser Website wurden mit gr\u00f6\u00dfter Sorgfalt erstellt. F\u00fcr die Richtigkeit, Vollst\u00e4ndigkeit und Aktualit\u00e4t der Inhalte wird jedoch keine Haftung \u00fcbernommen.<\/p>\r\n\r\n <h2>Haftung f\u00fcr Links<\/h2>\r\n <p>Diese Website enth\u00e4lt Links zu externen Websites Dritter, auf deren Inhalte kein Einfluss besteht. Daher wird f\u00fcr diese fremden Inhalte keine Gew\u00e4hr \u00fcbernommen.<\/p>\r\n\r\n <h2>Urheberrecht<\/h2>\r\n <p>Die Inhalte und Werke auf dieser Website unterliegen dem Urheberrecht. Jede Art der Verwertung au\u00dferhalb der Grenzen des Urheberrechts bedarf der schriftlichen Zustimmung.<\/p>\r\n\r\n <h2>Online-Streitbeilegung<\/h2>\r\n <p>Die Europ\u00e4ische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: <a href=\"https:\/\/ec.europa.eu\/consumers\/odr\" target=\"_blank\" rel=\"noopener\">ec.europa.eu\/consumers\/odr<\/a>. Zur Teilnahme an einem Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle sind wir nicht verpflichtet und grunds\u00e4tzlich nicht bereit.<\/p>\r\n <\/main>\r\n <hr class=\"legal-sep\" \/>\r\n <main class=\"legal-wrap\" id=\"datenschutz\">\r\n <p class=\"eyebrow\">Rechtliches<\/p>\r\n <h1>Datenschutzerkl\u00e4rung<\/h1>\r\n <p class=\"legal__updated\">Informationen zur Verarbeitung personenbezogener Daten gem\u00e4\u00df Datenschutz-Grundverordnung (DSGVO) und \u00f6sterreichischem Datenschutzgesetz (DSG).<\/p>\r\n\r\n <p><strong>Der Schutz Ihrer Daten ist uns wichtig.<\/strong> Wir verarbeiten personenbezogene Daten ausschlie\u00dflich f\u00fcr die Buchung, Ihren Aufenthalt und gesetzlich vorgeschriebene Zwecke. <strong>Ihre Daten werden nicht an unbefugte Dritte weitergegeben oder verkauft.<\/strong> Eine \u00dcbermittlung erfolgt nur an sorgf\u00e4ltig ausgew\u00e4hlte Dienstleister (Auftragsverarbeiter), die uns beim Betrieb unterst\u00fctzen, sowie dort, wo wir gesetzlich dazu verpflichtet sind.<\/p>\r\n\r\n <h2>1. Verantwortlicher<\/h2>\r\n <div class=\"legal-card\">\r\n <address>\r\n <strong>Do Step Inn Home<\/strong><br \/>\r\n Kern Beherbergungsbetriebs GmbH<br \/>\r\n Felberstra\u00dfe 20, 1150 Wien, \u00d6sterreich<br \/>\r\n Telefon: <a href=\"tel:+436763682844\">+43 676 3682844<\/a><br \/>\r\n E-Mail: <a href=\"mailto:backoffice@dostepinn.at\">backoffice@dostepinn.at<\/a>\r\n <\/address>\r\n <\/div>\r\n\r\n <h2>2. Grunds\u00e4tze der Verarbeitung<\/h2>\r\n <p>Wir verarbeiten personenbezogene Daten nach den Grunds\u00e4tzen der Datenminimierung, der Zweckbindung und der Rechtm\u00e4\u00dfigkeit. Rechtsgrundlagen sind insbesondere:<\/p>\r\n <ul>\r\n <li>die Erf\u00fcllung des Beherbergungsvertrags (Art. 6 Abs. 1 lit. b DSGVO),<\/li>\r\n <li>die Erf\u00fcllung rechtlicher Verpflichtungen wie der Meldepflicht (Art. 6 Abs. 1 lit. c DSGVO),<\/li>\r\n <li>unser berechtigtes Interesse an einem sicheren, funktionierenden Angebot (Art. 6 Abs. 1 lit. f DSGVO),<\/li>\r\n <li>Ihre Einwilligung, soweit erforderlich (Art. 6 Abs. 1 lit. a DSGVO).<\/li>\r\n <\/ul>\r\n\r\n <h2>3. Hosting der Website<\/h2>\r\n <p>Diese Website wird bei der <strong>netcup GmbH<\/strong>, Karlsruhe, Deutschland, gehostet, die die Website in unserem Auftrag technisch bereitstellt (Auftragsverarbeiter). Dabei werden technisch notwendige Zugriffsdaten (siehe Server-Logfiles) verarbeitet. Die Datenverarbeitung erfolgt auf Grundlage eines Auftragsverarbeitungsvertrags.<\/p>\r\n\r\n <h2>4. Server-Logfiles<\/h2>\r\n <p>Beim Aufruf der Website werden automatisch technische Daten erfasst, die Ihr Browser \u00fcbermittelt: IP-Adresse, Datum und Uhrzeit des Zugriffs, aufgerufene Seite, verwendeter Browser und Betriebssystem. Diese Daten dienen der technischen Bereitstellung, der Sicherheit und der Stabilit\u00e4t. Rechtsgrundlage ist unser berechtigtes Interesse (Art. 6 Abs. 1 lit. f DSGVO). Die Daten werden nach kurzer Zeit gel\u00f6scht.<\/p>\r\n\r\n <h2>5. Kontaktaufnahme & Anfragen<\/h2>\r\n <p>Wenn Sie uns per E-Mail oder \u00fcber das Formular f\u00fcr Gruppenbuchungen kontaktieren, verarbeiten wir die von Ihnen angegebenen Daten (z. B. Name, E-Mail-Adresse, Anzahl der Personen, gew\u00fcnschte Zimmeraufteilung, Verpflegung), um Ihre Anfrage zu beantworten und ein Angebot zu erstellen. Das Anfrageformular \u00f6ffnet Ihr E-Mail-Programm und sendet die Angaben an <a href=\"mailto:reservierung@dostepinn.at\">reservierung@dostepinn.at<\/a>. Rechtsgrundlage ist die Anbahnung bzw. Erf\u00fcllung des Vertrags (Art. 6 Abs. 1 lit. b DSGVO).<\/p>\r\n\r\n <h2>6. Buchung & Property-Management-System (apaleo)<\/h2>\r\n <p>Zur Verwaltung von Reservierungen, G\u00e4stedaten und Rechnungen setzen wir das cloudbasierte Property-Management-System <strong>apaleo<\/strong> (apaleo GmbH, Deutschland) ein. Dabei werden die f\u00fcr die Buchung erforderlichen Daten verarbeitet \u2014 etwa Name, Kontaktdaten, An- und Abreise, Zimmer- und Preisinformationen sowie zahlungsbezogene Daten. apaleo verarbeitet diese Daten als Auftragsverarbeiter in unserem Auftrag auf Grundlage eines Auftragsverarbeitungsvertrags. Rechtsgrundlage ist die Vertragserf\u00fcllung (Art. 6 Abs. 1 lit. b DSGVO).<\/p>\r\n\r\n <h2>7. Online-Check-in (straiv)<\/h2>\r\n <p>F\u00fcr einen bequemen, kontaktlosen Check-in nutzen wir den digitalen Check-in-Dienst <strong>straiv<\/strong> (straiv by CODE2ORDER GmbH, Deutschland). Damit k\u00f6nnen Sie Ihre Anreisedaten vorab bequem online \u00fcbermitteln.<\/p>\r\n <p><strong>Warum wir das tun:<\/strong> Der Online-Check-in erm\u00f6glicht eine schnelle, kontaktlose Anreise ohne Warten an der Rezeption und hilft uns, die gesetzlich vorgeschriebene G\u00e4steregistrierung (Meldepflicht) korrekt zu erf\u00fcllen. <strong>Welche Daten:<\/strong> Name, Anschrift, Kontaktdaten, Anreisedaten sowie die f\u00fcr das Meldewesen erforderlichen Angaben. Rechtsgrundlagen sind die Vertragserf\u00fcllung (Art. 6 Abs. 1 lit. b DSGVO) und die Erf\u00fcllung unserer gesetzlichen Meldepflicht (Art. 6 Abs. 1 lit. c DSGVO). straiv verarbeitet die Daten als Auftragsverarbeiter in unserem Auftrag.<\/p>\r\n\r\n <h2>8. Meldepflicht (G\u00e4steregistrierung)<\/h2>\r\n <p>Als Beherbergungsbetrieb sind wir gesetzlich verpflichtet, ein G\u00e4steverzeichnis zu f\u00fchren (Meldegesetz). Die daf\u00fcr erforderlichen Daten werden f\u00fcr die gesetzlich vorgeschriebene Dauer aufbewahrt und nur den zust\u00e4ndigen Beh\u00f6rden auf gesetzlicher Grundlage zug\u00e4nglich gemacht.<\/p>\r\n\r\n <h2>9. Buchungswidget (UP Hotel IBE)<\/h2>\r\n <p>Auf der Website ist ein Buchungswidget der UP Hotel Agency (Buchungsmaschine \u201eIBE\u201c) eingebunden, \u00fcber das Sie Verf\u00fcgbarkeiten und Preise abfragen und buchen k\u00f6nnen. Beim Nutzen des Widgets werden Ihre Eingaben (z. B. Reisezeitraum, Zimmerauswahl) sowie technische Verbindungsdaten an den Anbieter \u00fcbermittelt, um die Buchung zu erm\u00f6glichen. Rechtsgrundlage ist die Vertragserf\u00fcllung bzw. Ihr berechtigtes Interesse an der Buchungsm\u00f6glichkeit (Art. 6 Abs. 1 lit. b bzw. f DSGVO).<\/p>\r\n\r\n <h2>10. Zahlungsdaten<\/h2>\r\n <p>Zahlungsbezogene Daten werden ausschlie\u00dflich zur Abwicklung Ihrer Buchung und Rechnung verarbeitet und \u00fcber die eingesetzten Buchungs- und Zahlungssysteme sicher verarbeitet. Wir speichern keine vollst\u00e4ndigen Kreditkartendaten auf unseren eigenen Systemen.<\/p>\r\n\r\n <h2>11. Google Maps<\/h2>\r\n <p>Zur Anzeige unserer Standorte ist eine Karte von Google Maps (Google Ireland Limited, Irland) eingebunden. Beim Laden der Karte kann Ihre IP-Adresse an Google \u00fcbermittelt werden, auch in Drittl\u00e4nder wie die USA. Rechtsgrundlage ist unser berechtigtes Interesse an einer anschaulichen Anfahrtsdarstellung (Art. 6 Abs. 1 lit. f DSGVO).<\/p>\r\n\r\n <h2>12. Schriftarten (Google Fonts)<\/h2>\r\n <p>Diese Website nutzt Schriftarten von Google Fonts, die beim Seitenaufruf von Google-Servern geladen werden. Dabei kann Ihre IP-Adresse an Google \u00fcbermittelt werden. Rechtsgrundlage ist unser berechtigtes Interesse an einer einheitlichen, ansprechenden Darstellung (Art. 6 Abs. 1 lit. f DSGVO).<\/p>\r\n\r\n <h2>13. Cookies<\/h2>\r\n <p>Die Website selbst setzt keine Tracking- oder Analyse-Cookies und bindet keine Werbe- oder Statistik-Dienste ein. Eingebundene Dienste Dritter (z. B. Buchungswidget, Google Maps) k\u00f6nnen technisch notwendige Cookies setzen, um ihre Funktion bereitzustellen.<\/p>\r\n\r\n <h2>14. Weitergabe von Daten<\/h2>\r\n <p>Eine Weitergabe Ihrer Daten erfolgt <strong>nicht an unbefugte Dritte<\/strong>. Daten werden ausschlie\u00dflich weitergegeben an:<\/p>\r\n <ul>\r\n <li>Auftragsverarbeiter, die uns beim Betrieb unterst\u00fctzen (z. B. apaleo, straiv, Hosting), auf Grundlage von Auftragsverarbeitungsvertr\u00e4gen;<\/li>\r\n <li>Beh\u00f6rden, soweit wir gesetzlich dazu verpflichtet sind (z. B. Meldewesen).<\/li>\r\n <\/ul>\r\n <p>Ein Verkauf oder eine Weitergabe zu Werbezwecken findet nicht statt.<\/p>\r\n\r\n <h2>15. \u00dcbermittlung in Drittl\u00e4nder<\/h2>\r\n <p>Soweit Daten an Dienste mit Sitz oder Servern au\u00dferhalb des EWR (z. B. Google in den USA) \u00fcbermittelt werden, geschieht dies auf Grundlage geeigneter Garantien wie den Standardvertragsklauseln der EU-Kommission.<\/p>\r\n\r\n <h2>16. Speicherdauer<\/h2>\r\n <p>Wir speichern personenbezogene Daten nur so lange, wie es f\u00fcr die genannten Zwecke erforderlich ist oder gesetzliche Aufbewahrungsfristen (z. B. steuer- und melderechtliche Pflichten) dies vorsehen. Danach werden die Daten gel\u00f6scht.<\/p>\r\n\r\n <h2>17. Ihre Rechte<\/h2>\r\n <p>Sie haben nach der DSGVO das Recht auf Auskunft, Berichtigung, L\u00f6schung, Einschr\u00e4nkung der Verarbeitung, Daten\u00fcbertragbarkeit sowie das Recht auf Widerspruch gegen die Verarbeitung. Eine erteilte Einwilligung k\u00f6nnen Sie jederzeit mit Wirkung f\u00fcr die Zukunft widerrufen. Wenden Sie sich dazu an <a href=\"mailto:backoffice@dostepinn.at\">backoffice@dostepinn.at<\/a>.<\/p>\r\n\r\n <h2>18. Beschwerderecht<\/h2>\r\n <p>Sie haben das Recht, sich bei einer Aufsichtsbeh\u00f6rde zu beschweren. Zust\u00e4ndig in \u00d6sterreich ist die <strong>\u00d6sterreichische Datenschutzbeh\u00f6rde<\/strong>, Barichgasse 40\u201342, 1030 Wien, <a href=\"https:\/\/www.dsb.gv.at\" target=\"_blank\" rel=\"noopener\">www.dsb.gv.at<\/a>.<\/p>\r\n\r\n <h2>19. \u00c4nderungen<\/h2>\r\n <p>Wir passen diese Datenschutzerkl\u00e4rung an, wenn sich Rechtslage, unsere Dienste oder die Datenverarbeitung \u00e4ndern. Es gilt die jeweils auf dieser Seite ver\u00f6ffentlichte Fassung.<\/p>\r\n <\/main>\r\n <hr class=\"legal-sep\" \/>\r\n <main class=\"legal-wrap\" id=\"agb\">\r\n <p class=\"eyebrow\">Rechtliches<\/p>\r\n <h1>Allgemeine Gesch\u00e4ftsbedingungen<\/h1>\r\n <p class=\"legal__updated\">Die folgenden Allgemeinen Gesch\u00e4ftsbedingungen gelten f\u00fcr Buchungen, Aufenthalte und Zusatzleistungen im Do Step Inn Home.<\/p>\r\n\r\n <h2>1. Geltungsbereich<\/h2>\r\n <p>Diese Allgemeinen Gesch\u00e4ftsbedingungen gelten f\u00fcr s\u00e4mtliche Buchungen, Aufenthalte sowie Zusatzleistungen im Do Step Inn Home, Felberstra\u00dfe 20, 1150 Wien. Mit der Buchung akzeptiert der Gast bzw. Auftraggeber diese Bedingungen.<\/p>\r\n\r\n <h2>2. Vertragsabschluss<\/h2>\r\n <p>Ein Beherbergungsvertrag kommt durch schriftliche Best\u00e4tigung per E-Mail oder durch Annahme eines Angebots zustande. Bei Firmenbuchungen gilt das buchende Unternehmen als Vertragspartner und haftet f\u00fcr alle gebuchten Leistungen sowie f\u00fcr die von ihm untergebrachten Personen.<\/p>\r\n\r\n <h2>3. Preise und Zahlungsbedingungen<\/h2>\r\n <p>Alle Preise verstehen sich in Euro und beinhalten die gesetzliche Mehrwertsteuer, sofern nicht anders angegeben. Die Ortstaxe wird, sofern anwendbar, gesondert verrechnet. Zusatzleistungen sind nicht im Basispreis enthalten und werden separat berechnet.<\/p>\r\n <p>Rechnungen sind innerhalb der vereinbarten Zahlungsfrist zu begleichen. Der Betreiber beh\u00e4lt sich vor, Vorauszahlungen zu verlangen oder bei l\u00e4ngeren Aufenthalten Teilrechnungen zu stellen.<\/p>\r\n\r\n <h2>4. Kaution bei Langzeitaufenthalten<\/h2>\r\n <p>Bei l\u00e4ngeren Aufenthalten oder Firmenbuchungen kann eine Kaution verlangt werden. Diese dient zur Absicherung von Sch\u00e4den, zus\u00e4tzlichen Reinigungskosten oder offenen Forderungen. Die R\u00fcckzahlung erfolgt nach ordnungsgem\u00e4\u00dfer Beendigung des Aufenthalts und nach Pr\u00fcfung des Zimmers bzw. der offenen Forderungen.<\/p>\r\n\r\n <h2>5. Nutzung und Belegung<\/h2>\r\n <p>Die Nutzung der Zimmer ist ausschlie\u00dflich f\u00fcr den vereinbarten Zweck und Zeitraum zul\u00e4ssig. Eine Weitergabe oder Untervermietung an Dritte ohne ausdr\u00fcckliche Zustimmung des Betreibers ist nicht gestattet. Die jeweils vereinbarte Maximalbelegung darf nicht \u00fcberschritten werden.<\/p>\r\n\r\n <h2>6. Firmenbuchungen und Mitarbeiterwechsel<\/h2>\r\n <p>Bei Buchungen durch Unternehmen haftet der Vertragspartner f\u00fcr alle eingesetzten bzw. untergebrachten Personen. Ein Wechsel von Mitarbeiterinnen oder Mitarbeitern innerhalb einer laufenden Buchung ist dem Betreiber vorab mitzuteilen. Bei Mitarbeiterwechsel kann eine verpflichtende Zusatzreinigung verrechnet werden.<\/p>\r\n\r\n <h2>7. Reinigung und Zustand der Zimmer<\/h2>\r\n <p>Die Zimmer sind in einem ordnungsgem\u00e4\u00dfen Zustand zu halten. Der Betreiber beh\u00e4lt sich vor, zus\u00e4tzliche Reinigungen oder Sonderreinigungskosten zu verrechnen, sofern eine \u00fcber das \u00fcbliche Ma\u00df hinausgehende Verschmutzung vorliegt oder dies betrieblich erforderlich ist. Bei l\u00e4ngeren Aufenthalten kann eine regelm\u00e4\u00dfige Reinigung verpflichtend vorgesehen werden.<\/p>\r\n\r\n <h2>8. Zusatzleistungen<\/h2>\r\n <p>Zusatzleistungen wie Fr\u00fchst\u00fcck, Abendessen, Reinigung oder Parken sind optional und werden gesondert verrechnet. Preise, Verf\u00fcgbarkeiten und Umfang der Zusatzleistungen k\u00f6nnen variieren.<\/p>\r\n\r\n <h2>9. Stornobedingungen<\/h2>\r\n <p>Stornierungen m\u00fcssen schriftlich erfolgen. Sofern keine abweichende individuelle Vereinbarung getroffen wurde, gelten folgende Bedingungen:<\/p>\r\n <ul>\r\n <li>bis 7 Tage vor Anreise: kostenfrei<\/li>\r\n <li>6 bis 2 Tage vor Anreise: 50 % des vereinbarten Gesamtpreises<\/li>\r\n <li>ab 1 Tag vor Anreise oder bei Nichtanreise: 100 % des vereinbarten Gesamtpreises<\/li>\r\n <\/ul>\r\n <p>F\u00fcr Gruppen, Firmen und Langzeitaufenthalte k\u00f6nnen gesonderte Stornobedingungen vereinbart werden.<\/p>\r\n\r\n <h2>10. Zahlungsabsicherung bei Firmen<\/h2>\r\n <p>Bei Firmenbuchungen beh\u00e4lt sich der Betreiber vor, Vorauszahlungen zu verlangen, Teilrechnungen w\u00e4hrend des Aufenthalts zu stellen oder Leistungen bei Zahlungsverzug auszusetzen. Bei ausbleibender Zahlung kann der Vertrag nach erfolgloser Mahnung fristlos beendet werden.<\/p>\r\n\r\n <h2>11. Haftung<\/h2>\r\n <p>Der Betreiber haftet ausschlie\u00dflich f\u00fcr Sch\u00e4den, die auf Vorsatz oder grobe Fahrl\u00e4ssigkeit zur\u00fcckzuf\u00fchren sind, soweit gesetzlich zul\u00e4ssig. F\u00fcr pers\u00f6nliche Gegenst\u00e4nde, Wertgegenst\u00e4nde, Verlust oder Diebstahl wird keine Haftung \u00fcbernommen. Der Gast bzw. Vertragspartner haftet f\u00fcr s\u00e4mtliche Sch\u00e4den, die durch ihn selbst oder durch von ihm untergebrachte Personen verursacht werden.<\/p>\r\n\r\n <h2>12. Hausordnung<\/h2>\r\n <p>Die Hausordnung ist Bestandteil des Vertrags und ist vom Gast bzw. Vertragspartner einzuhalten. Bei schwerwiegenden oder wiederholten Verst\u00f6\u00dfen kann der Aufenthalt beendet und eine R\u00fcckerstattung ausgeschlossen werden.<\/p>\r\n\r\n <h2>13. Vorzeitige Beendigung<\/h2>\r\n <p>Der Betreiber ist berechtigt, den Aufenthalt mit sofortiger Wirkung zu beenden, wenn ein wichtiger Grund vorliegt. Dies gilt insbesondere bei Zahlungsverzug, schwerwiegenden Verst\u00f6\u00dfen gegen die Hausordnung oder bei unsachgem\u00e4\u00dfer Nutzung der Unterkunft.<\/p>\r\n\r\n <h2>14. Datenschutz<\/h2>\r\n <p>Personenbezogene Daten werden ausschlie\u00dflich zur Abwicklung der Buchung, zur Vertragserf\u00fcllung und im Rahmen der geltenden gesetzlichen Bestimmungen verarbeitet. Details finden Sie in unserer <a href=\"#datenschutz\">Datenschutzerkl\u00e4rung<\/a>.<\/p>\r\n\r\n <h2>15. Gerichtsstand und Recht<\/h2>\r\n <p>Es gilt \u00f6sterreichisches Recht. Gerichtsstand ist, soweit gesetzlich zul\u00e4ssig, Wien.<\/p>\r\n <\/main>\r\n<\/div>\r\n<script>var y=document.getElementById('year');if(y)y.textContent=new Date().getFullYear();<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Rechtliches \u2014 Do Step Inn Home Impressum Datenschutz AGB Rechtliches Impressum Offenlegung gem\u00e4\u00df \u00a7 5 E-Commerce-Gesetz (ECG) und \u00a7 25 Mediengesetz (MedienG). Medieninhaber & Betreiber Do Step Inn Home Kern Beherbergungsbetriebs GmbH Felberstra\u00dfe 20 1150 Wien \u00d6sterreich Kontakt Telefon: +43 676 3682844 E-Mail: backoffice@dostepinn.at Unternehmensdaten Umsatzsteuer-Identifikationsnummer (UID): ATU61356623 Steuernummer: 03 369\/6774 Firmenbuchnummer: FN 253911z Firmenbuchgericht: […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dostepinn.com\/index.php\/wp-json\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dostepinn.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dostepinn.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dostepinn.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dostepinn.com\/index.php\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":17,"href":"https:\/\/dostepinn.com\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":284,"href":"https:\/\/dostepinn.com\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions\/284"}],"wp:attachment":[{"href":"https:\/\/dostepinn.com\/index.php\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}