.wb-section-hero { padding: 80px 0; background-color: #f4f4f7; text-align: center; }
.wb-title { color: #03213D; }
.wb-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; margin: 40px 0; }
@media (max-width: 640px) {
    .wb-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
.wb-card { background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.wb-card h3 { color: #03213D; }
.wb-cta { text-align: center; margin-top: 40px; }
main .wb-who-benefits-cta {
    padding: 14px 32px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    white-space: normal;
    transition: transform 0.2s ease, background-color 0.2s ease;
}
main .wb-who-benefits-cta:hover {
    background-color: #FF7A2F;
    transform: translateY(-2px);
}

/* Bildserie 07.10.2026: natürliche Proportionen, ohne Vergrößerungsmodus. */
main .who-story { margin: 24px 0; min-width: 0; scroll-margin-top: 130px; }
main .who-story img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; border-radius: 12px; box-shadow: none; }
main .who-story--wide { max-width: 840px; margin: 32px auto; }
main .who-story-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 32px; }
main .who-story-pair .who-story { margin: 0; }
main .who-story-stack { display: grid; gap: 20px; }
main .who-story-stack .who-story { margin: 0; }
@media (max-width: 700px) { main .who-story-pair { grid-template-columns: 1fr; gap: 24px; } }