/* Fixes for pages that were NOT rebuilt in the redesign draft (LOCAL). Scoped by page id. */

/* Kontakt (15): the legacy "stack columns on mobile" rule sets flex-direction on the outer container,
   but boxed Elementor containers lay out their children in .e-con-inner, so the two columns stayed
   side by side (a ~150px wide form, the e-mail address broken mid-word). */
@media (max-width: 767px) {
  body.page-id-15 [data-id="ct_main"] > .e-con-inner { flex-direction: column !important; gap: 40px; }
  body.page-id-15 [data-id="ct_left"], body.page-id-15 [data-id="ct_right"] { width: 100% !important; max-width: 100% !important; --width: 100%; }
  body.page-id-15 [data-id="ct_left"] a[href^="mailto:"] { overflow-wrap: anywhere; }
}

/* Gallery: the five filter buttons wrap on phones. The base rule forces nowrap on containers, which pushed them off screen. */
@media (max-width: 767px) {
  body.nb-redesign .elementor-element-gal_btns > .e-con-inner { flex-wrap: wrap !important; justify-content: center; }
}