/* Ueber uns / About us (both WPML twins) - mobile only.
 *
 * On mobile the two CTA bands (JTL Community, careers) sit 16px narrower on each
 * side than the contact box: the .jtl-cta-box section adds 24px side padding on
 * top of the .container's 16px (= 40px gutters), while the contact box uses only
 * 24px gutters. Reduce the box's mobile side padding to 8px so 16 + 8 = 24 lines
 * the two boxes up with the contact box's exact edges and width (measured on the
 * clone at 390px: both go from left 40 / width 310 to left 24 / width 342, the
 * same as .jtl-contact-hero__inner).
 *
 * Scoped to the language-neutral .un-community / .un-careers band markers, which
 * both twins carry on every environment, so no page-id is needed and the EN twin
 * (about-us) is covered by the same rule. Mobile only; desktop keeps its own box
 * padding (64px) untouched. */
@media (max-width: 991.98px) {
  .un-community .jtl-cta-box,
  .un-careers .jtl-cta-box {
    padding-left: 8px;
    padding-right: 8px;
  }
}

/* The Our-Team band renders through the JTLImageRow widget, whose side padding
 * drops to 16px at <=576px while the page's other bands (the contact box and the
 * CTA boxes) sit at 24px gutters there - so the team band is 8px wider on each
 * side on small phones. Lift it back to 24px so every band shares the same edges.
 * At 577-992px the widget already uses 24px and above 992px 64px, both matching,
 * so this is scoped to <=576px only. Desktop is untouched. */
@media (max-width: 576px) {
  .un-team .jtl-image-row {
    padding-left: 24px;
    padding-right: 24px;
  }
}