.aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div { positie: absoluut; breedte: 100%; }/* Ervoor zorgen dat de carrousel alleen de ruimte in beslag neemt die hij nodig heeft. Op de absoluut gepositioneerde elementen moeten de afmetingen opnieuw worden ingesteld, zodat ze ruimte kunnen innemen. */ .aplus-v2 .apm-brand-story-carrousel-container, .aplus-v2 .apm-brand-story-carousel-hero-container { hoogte: 625px; breedte: 100%; maximale breedte: 1464px; marge-links: auto; marge-rechts: auto; overloop: verborgen; }
/* Hierdoor wordt de carrousel verticaal gecentreerd bovenop de hero-afbeeldingscontainer en na het logogebied (125px). Marge-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight */ .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{ marge bovenaan: 149px; }
/* Kaarten moeten een breedte hebben, anders zijn ze standaard 50px of zo. Alle kaarten moeten dezelfde breedte hebben. De carrousel zal zichzelf aanpassen, zodat alle kaarten de breedte van de grootste kaart krijgen. De linkermarge is bedoeld om ruimte tussen elke kaart te laten. */ .aplus-v2 .apm-merk-verhaal-carrousel .a-carrousel-kaart { breedte: 362px; marge-links: 30px !belangrijk; }
/* de navigatieknoppen zo vormgeven dat ze groter zijn, gelijk liggen met de zijkanten en een zuivere witte achtergrond hebben */ .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right { opvulling: 0px; }