/* ARLBERGhome – Handy-Anpassung. Greift, wenn <html> die Klasse "m" hat (Bildschirm ≤ 760 px). */
html.force-m{background:#555}html.force-m body{max-width:390px;margin:0 auto}
html.m body{overflow-x:hidden}
/* Spalten untereinander */
html.m #root [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important}
html.m #root [style*="direction: rtl"]{direction:ltr!important}
html.m #root [style*="min-height: 680px"]{min-height:420px!important}
html.m #root [style*="white-space: nowrap"]{white-space:normal!important}
/* Abstände */
html.m #root [style*="padding: 56px 6%"]{padding:40px 7%!important}
html.m #root [style*="padding: 96px 6%"]{padding-top:56px!important}
/* Hintergrund-Strukturen: Linien und Leinen im Handy-Maßstab */
html.m #root [style*="lines-overlay"]{background-size:640px auto!important;opacity:.22!important}
html.m [style*="lines-overlay"]{opacity:.22!important}
html.m #root [style*="texture-leinen"]{background-size:260px auto!important;opacity:.2!important}
html.m [style*="texture-leinen"]{opacity:.2!important}
/* Am Handy: Bilder zuerst schwarzweiß, werden beim Scrollen in die Bildmitte farbig */
html.m #root [style*="grayscale"],html.m #root .anreise-nature,html.m #root .stripbg{transition:filter 1500ms ease-in-out,opacity var(--dur-med) var(--ease-out)!important}
html.m #root [style*="grayscale"]:not(.m-color),html.m #root .anreise-nature:not(.m-color),html.m #root .stripbg:not(.m-color){filter:grayscale(1)!important}
html.m #root .m-color{filter:grayscale(0)!important}
/* Startseite: drei Hausbilder nebeneinander lassen, Höhen reduzieren */
html.m #root [style*="repeat(3, 1fr)"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html.m #root [style*="min-height: 640px"]{min-height:300px!important}
html.m #root [style*="min-height: 760px"]{min-height:0!important}
html.m #root [style*="repeat(3, 1fr)"]{min-height:320px}
html.m #root [style*="min-height: 560px"]{min-height:320px!important}
html.m #root [style*="min-height: 940px"]{min-height:420px!important}
/* Zahlenflow: zwei Spalten */
html.m #root [style*="repeat(5, minmax(0, 1fr)) auto"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:28px!important}
html.m #root [style*="repeat(5, minmax(0, 1fr)) auto"] > :first-child{grid-column:1 / -1}
/* Innenabstände großer Boxen */
html.m #root [style*="padding: 72px 56px"]{padding:44px 7%!important}
html.m #root [style*="padding: 9% 9%"]{padding:44px 7%!important}
html.m #root [style*="padding: 0px 40px"]{padding:0 7%!important}
html.m #root [style*="gap: 40px"]{gap:24px!important}
/* Formularfelder: 16 px gegen automatisches Zoomen am iPhone */
html.m #root input,html.m #root select,html.m #root textarea{font-size:16px!important}
/* Großansicht Grundriss */
html.m [style*="max-height: 72vh"]{max-height:60vh!important}
/* Dunkle Flächen am Handy etwas heller */
html.m{--brand-dark:#3a3f44;--brand-dark-2:#2e3439;--brand-dark-3:#353b40;--border-dark:rgba(255,255,255,.2)}
/* Buchungsmaske: volle Breite */
html.m #root [style*="padding: 0px 4% 80px"]{padding:0 0 48px!important}
html.m #root [style*="background: rgb(193, 195, 197)"]{padding:10px!important;border-radius:0!important}