/*
 * Shopsystem topic page — balance the vertical spacing around the blue
 * "GAIO & SEO" info box.
 *   DE: /de/themen/shopsystem      (post 288138)
 *   EN: /en/topics/ecommerce       (post 294026)
 *
 * The blue box (div.product-subcard-widget.bg-30.jtl-box--blue) that holds the
 * SEO/GAIO explanatory text sits lopsided in its available space: only 24px below
 * the intro paragraph above it, but 112px above the white curved section below it.
 * The design places it evenly (~68px above / ~69px below) — a balanced, centred
 * box. The total space is already correct; the box just sits too high within it.
 *
 * Fix: shift the box ~44px DOWN inside its allotted space by adding that much top
 * margin and pulling the same amount off the bottom. Because the added top margin
 * and the negative bottom margin cancel out, the section's overall height is
 * unchanged — the white curved section below does not move, and no other block on
 * the page shifts. Only the box's position within the fixed gap changes.
 *
 * Scope: this targets ONLY this one box. The page's other four blue boxes are
 * excluded — the UX-Design box carries `mb-7`, and the remaining three carry
 * `md-offset-y-none` (negative-offset cards handled elsewhere); this box has none
 * of those. page-id-288138 is the DE id, which WPML also stamps on the EN twin's
 * <body>, so the rule covers both language twins and no other page. Desktop-only:
 * at <=991px the box is full-width and its stacking spacing is governed elsewhere.
 */
@media (min-width: 992px) {
  body.page-id-288138 .product-management-section .product-subcard-widget.bg-30.jtl-box--blue:not(.mb-7):not(.md-offset-y-none):not(.mt-5) {
    margin-top: 68px !important;
    margin-bottom: -43px !important;
  }
}