/* JP-1529 (GTM-1589) — warehouse-management-software: the apiando success-story
   card floats with excess, uneven empty space around it. Two plugin defaults
   stack up (plugin: wpb-oop-widget-with-global/assets/style.css):
     .wawi-tutorial-section { margin-top: 120px }
     .software-theme-version.one-big-card .one-big-card__row { margin-bottom: 200px }
   On staging at 1440px that made 328px above and 328px below the card, while
   the page's own widget rhythm around this area is 208px (CTA section ->
   product-support section transition directly above; measured live:
   testimonial -> cross-channel = 128, price-plan -> CTA = 64,
   CTA -> support = 208, FAQ -> orange support = 234).

   Fix (this page and its WPML twin only): remove the 120px top-margin
   outlier, and size the column's bottom margin so the gap below the card
   EQUALS the gap above it at every breakpoint. Decomposition (gap above =
   product-support section's own trailing spacing + wawi-tutorial container
   top padding; gap below = row margin + container bottom padding + FAQ
   band's own internal top spacing):

     >=992px:  above = 144 + 64 = 208   below = 80 + 64 + 64 = 208
     768-991:  above = 104 + 64 = 168   below = 40 + 64 + 64 = 168
     <=767px:  above =  72 + 32 = 104   below = 40 + 32 + 32 = 104

   Only the row margin changes; every neighbour's own spacing (support
   section padding, container padding, FAQ band) stays exactly as designed.

   Scope note: body.page-id-93818 is the DE original's body class, which WPML
   also stamps onto the EN twin — verified both twins carry it, so one
   selector covers /de/lagerverwaltung-software/ AND
   /en/warehouse-management-software/. */
body.page-id-93818 section.wawi-tutorial-section {
    margin-top: 0;
}

body.page-id-93818 .software-theme-version.one-big-card .one-big-card__row {
    margin-bottom: 80px;
}

@media (max-width: 991.98px) {
    body.page-id-93818 .software-theme-version.one-big-card .one-big-card__row {
        margin-bottom: 40px;
    }
}