@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--city-page__background: var(--color-grey-warm);--city-page__heading-font-size-mobile: var(--typography-h2-fontsize-small);--city-page__heading-font-size: var(--typography-h1-fontsize-small);--city-page__hero-height: calc(100svh - var(--header-height));--city-page__hero-content-overlay-background-mobile: rgb(255 255 255 / 90%);--city-page__hero-content-overlay-background: rgb(255 255 255 / 95%);--city-page__hero-scroll-button-color: var(--color-white);--city-page__hero-text-font-size: var(--typography-text-regular);--city-page__hotels-heading-font-size-mobile: var(--typography-h2-fontsize-small);--city-page__hotels-heading-font-size: var(--typography-h1-fontsize-small)}.city-page{background:var(--city-page__background)}.city-page__hero[data-has-hero-image=true]{display:flex;justify-content:left;align-items:center;height:var(--city-page__hero-height);overflow:hidden}.city-page__hero[data-has-hero-image=true][data-has-availability-bar=true]{height:calc(var(--city-page__hero-height) - var(--availability-search-bar-height-mobile))}@media screen and (min-width: 1024px){.city-page__hero[data-has-hero-image=true][data-has-availability-bar=true]{height:calc(var(--city-page__hero-height) - var(--availability-search-bar-height-desktop))}}[data-editmode=true] .city-page__hero,[data-editmode=true] .city-page__hero[data-has-hero-image=true],[data-editmode=true] .city-page__hero[data-has-hero-image=true][data-has-availability-bar=true]{width:100%!important;height:800px!important}.city-page__hero[data-has-hero-image=true] .city-page__hero-image{position:absolute;z-index:4;margin-bottom:0;top:0;right:0;bottom:0;left:0;overflow:hidden}.city-page__hero[data-has-hero-image=true] .city-page__hero-image img,.city-page__hero[data-has-hero-image=true] .city-page__hero-image .image-block{width:-webkit-fill-available;height:100%;object-fit:cover}.city-page__hero[data-has-hero-image=true] .city-page__hero-image figcaption{position:absolute;clip-path:inset(50%);margin:-1px;border:0;padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap}@media screen and (min-width: 768px){.city-page__hero[data-has-hero-image=true] .city-page__hero-image{justify-content:left}}.city-page__hero[data-has-hero-image=true] .city-page__hero-image img{position:absolute}[data-editmode=true] .city-page__hero[data-has-hero-image=true] .city-page__hero-image{position:relative}.city-page__hero-content-wrapper{position:relative;margin:0 auto;width:100%}@media screen and (min-width: 1024px){.city-page__hero-content-wrapper{max-width:var(--grid-sitewidth)}}[data-has-hero-image=true] .city-page__hero-content{display:flex;position:absolute;right:var(--space-48);left:var(--space-48);flex-direction:column;transform:translateY(-50%);z-index:5;background:var(--city-page__hero-content-overlay-background);padding:var(--space-24);width:auto}@media screen and (min-width: 768px){[data-has-hero-image=true] .city-page__hero-content{padding:var(--space-48);width:400px}}@media screen and (min-width: 1024px){[data-has-hero-image=true] .city-page__hero-content{left:110px}}[data-has-hero-image=false] .city-page__hero-content{margin:0 auto;padding:var(--space-32);max-width:var(--grid-sitewidth)}@media screen and (min-width: 1440px){[data-has-hero-image=false] .city-page__hero-content{padding:var(--space-32) 0}}.city-page__hero-heading{margin:0 0 var(--space-16);font-size:var(--city-page__heading-font-size-mobile);text-align:center}@media screen and (min-width: 768px){.city-page__hero-heading{margin:0 0 var(--space-8);font-size:var(--city-page__heading-font-size);text-align:left}}.city-page__hero-text{margin:0;font-size:var(--city-page__hero-text-font-size)}[data-has-hero-image=true] .city-page__hero-scroll-button{display:flex;position:absolute;bottom:25px;left:50%;justify-content:center;align-items:center;transform:translate(-50%);z-index:5;width:40px;height:40px;color:var(--city-page__hero-scroll-button-color)}[data-has-hero-image=true] .city-page__hero-scroll-button:hover{cursor:pointer}[data-has-hero-image=true] .city-page__hero-scroll-button svg{display:block;margin:0;height:12px}[data-has-hero-image=false] .city-page__hero-scroll-button{display:none}.city-page__hotels-heading{margin:0 var(--space-16) var(--space-16);font-size:var(--city-page__hotels-heading-font-size-mobile)}@media screen and (min-width: 768px){.city-page__hotels-heading{margin:0 0 var(--space-32);font-size:var(--city-page__hotels-heading-font-size)}}.city-page__hotels{margin:0 auto;padding:var(--space-40) 0 0;max-width:var(--grid-sitewidth)}@media screen and (min-width: 768px){.city-page__hotels{padding:var(--space-48) var(--space-32) var(--space-64)}}@media screen and (min-width: 1440px){.city-page__hotels{padding:var(--space-48) 0 var(--space-64)}}