/* Overrides for the Webflow export.
 *
 * app/ is deleted and replaced whole on every new export, so this file lives
 * outside it: `make build-pages` and the deploy job copy it to app/css/site.css
 * (which is gitignored, like app/.htaccess). The generators link it after
 * css/hotel-glueck-auf.css, so a rule of equal specificity wins here.
 */

/* The event image is shown whole, at its own aspect ratio. In the export the
 * media box is a fixed 520px band (320px on phones) with an absolutely
 * positioned object-fit: cover image, which crops every photo that is not
 * exactly that shape. No max-height here: a tall poster is shown in full
 * rather than scaled down to fit a cap.
 */
.ga-eventdetail__media {
  height: auto;
}

.ga-eventdetail__img {
  width: 100%;
  height: auto;
  display: block;
  position: static;
}