/* Mobile Lesbarkeit, 15.10.2026 */
@media(max-width:760px){
body{font-size:18px;line-height:1.6}
.demo-banner,.draft{font-size:12px;letter-spacing:.35px;line-height:1.5;flex-wrap:wrap}
.demo-banner span,.draft>span,.demo-banner>a{font-size:12px;max-width:none;text-align:left}
header{min-height:88px;height:auto;padding-top:16px;padding-bottom:16px;gap:12px}
.logo span,.brand span{font-size:11px;letter-spacing:.6px;line-height:1.4}
.btn,.btn.small,.button,.nav-contact{font-size:17px;line-height:1.4;min-height:50px;padding:15px 18px;gap:15px}
.eyebrow,.bed-type,.dialog-kicker{font-size:13px;letter-spacing:.7px;line-height:1.6}
.subtitle,.hero-copy>p,.section-description p,.section-intro>p,.wash-copy>p{font-size:18px;line-height:1.7}
.hero{min-height:740px;height:calc(100svh - 160px)}
.slide-copy{top:12%}
.slide-copy h1,.slide-copy h2{font-size:clamp(64px,19vw,98px)}
.slide-note{font-size:11px;letter-spacing:.2px;bottom:105px}
.hero-side{display:none}
.hero-bottom{bottom:24px}
.hero-scroll{font-size:12px;letter-spacing:.3px;max-width:110px;line-height:1.5}
.slide-controls{gap:10px}.slide-dot{font-size:15px;min-width:38px;min-height:48px}
.slide-dot span{width:10px}.slide-dot.selected span{width:16px}
.pause{width:46px;height:46px;font-size:19px;margin-left:0}
.section-description{max-width:none}
.demo-chip{font-size:12px;letter-spacing:.4px}
.booking-toolbar>p,.stock-note,.source-note{font-size:15px;line-height:1.7}
.filters{gap:10px}.filter{font-size:16px;padding:13px 16px;min-height:48px}
.bed-image .bed-number{font-size:13px;letter-spacing:.4px}
.status{font-size:15px;padding:10px 13px}.status:before{width:8px;height:8px}
.bed-info h3{font-size:30px;line-height:1.3}
.bed-description,.steps p,.visit-details p,.visit-small{font-size:18px;line-height:1.75}
.bed-meta{font-size:14px;flex-wrap:wrap;line-height:1.6}
.bed-book{font-size:18px;min-height:56px;padding:16px 18px}
.steps article>span{font-size:15px}.steps h3{font-size:25px;line-height:1.3}
.visit-details>a{font-size:18px;min-height:44px}
.mobile-book,.mobile-bar a{font-size:18px;min-height:55px;line-height:1.4}
footer{padding-bottom:135px}footer>span,.footer-bottom{font-size:13px;line-height:1.7}
footer>div{font-size:16px;flex-wrap:wrap;gap:18px}
footer>div a{min-height:44px;display:inline-flex;align-items:center}
dialog{padding:45px 22px 28px;max-height:92svh}
dialog h2{font-size:38px;line-height:1.15}
.dialog-desc,form>label,legend,.selection-summary,#confirmation p{font-size:17px;line-height:1.65}
legend>span{font-size:14px}.close-dialog{width:48px;height:48px;font-size:32px}
input[type=date]{font-size:18px;min-height:52px}
.duration-options span{font-size:17px;padding:13px 7px}
#time-slots{grid-template-columns:repeat(3,1fr);gap:10px}
.slot{font-size:18px;min-height:50px;padding:12px 5px}
.demo-explanation{font-size:15px;line-height:1.7}
#confirmation .btn{font-size:17px}
.hero-art{min-height:480px}
.hero-bottom>span,.art-caption,.hero-photo .art-caption{font-size:11px;letter-spacing:.2px;line-height:1.5}
.photo-label{font-size:12px;letter-spacing:.6px}
.card-bottom{display:block}.card-bottom p{font-size:18px;line-height:1.7}
.card-bottom h3{font-size:28px}
.text-link,.manifesto-bottom .text-link{font-size:18px;line-height:1.6;min-height:44px}
.manifesto-bottom>span{font-size:13px;line-height:1.6;letter-spacing:.5px}
.wash-facts{flex-wrap:wrap;gap:24px}.wash-facts span{font-size:16px}
.visit-grid p,dl{font-size:17px;line-height:1.7}
dl>div{flex-wrap:wrap;gap:4px 12px}
.photo-gallery figcaption>span{font-size:14px}.photo-gallery small{font-size:15px}
.menu{font-size:17px;min-height:48px;padding:10px 16px}
nav.open{top:135px}nav.open a{font-size:18px;min-height:48px}
}
@media(max-width:760px){
body{--muted:#b8bec8}
.bed-description,.steps p,.stock-note,.booking-toolbar>p,.demo-explanation,.dialog-desc{color:#b9c1cc}
}