/* Figure captions carry .text-reset, which forces color:inherit and drops them
   to the theme's gray body text. Pin them to the brand navy. page-id-288435
   covers the DE original and its EN twin. */
body.page-id-288435 .figure-caption {
    color: #0b1b45 !important;
}

/* Below the lg breakpoint the two-column hero stacks and everything left-aligns:
   the hero copy is left-aligned text, and the diagram images shrink to their own
   width and sit on the left of their column. On small screens centre the hero
   content (heading, copy and list) and centre every diagram figure across the
   page. Desktop side-by-side layout is untouched. */
@media (max-width: 991.98px) {
    body.page-id-288435 section.hero-product-section .hero-product-section__content,
    body.page-id-288435 section.hero-product-section .hero-product-section__content--text {
        text-align: center !important;
    }
    body.page-id-288435 section.hero-product-section .hero-product-section__image {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body.page-id-288435 figure.figure {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
    body.page-id-288435 figure.figure picture,
    body.page-id-288435 figure.figure img {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* The "themenwelten" related-topics card is full width, but its heading and
       link list stay left-aligned. Centre its content too: text-align for the
       heading/plain text, and justify-content for the flex link rows. */
    body.page-id-288435 .themenwelten-last-card {
        text-align: center !important;
    }
    body.page-id-288435 .themenwelten-last-card .list-widget__item,
    body.page-id-288435 .themenwelten-last-card .product-buttons-group,
    body.page-id-288435 .themenwelten-last-card .product-button-group__link {
        justify-content: center !important;
    }
}