Van het merk .aplus-v2 .container-with-background-image { breedte: 100%; hoogte: 100%; achtergrondherhaling: geen herhaling; achtergrondgrootte: dekking; } functie logShoppableMetrics(moduleName, showsAddToCart) { als (window.ue && window.ue.count) { window.ue.count("aplus:shoppable:" + moduleName + ":addToCart", showsAddToCart ? 1 : 0); } } .aplus-v2 .apm-brand-story-carousel-container { positie: relatief; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div { positie: absoluut; breedte: 100%; } /* Zorgt ervoor dat de carrousel alleen de benodigde ruimte inneemt. De afmetingen moeten opnieuw worden ingesteld voor de absoluut gepositioneerde elementen, zodat ze ruimte innemen. */ .aplus-v2 .apm-brand-story-carousel-container, .aplus-v2 .apm-brand-story-carousel-hero-container { hoogte: 625px; breedte: 100%; max-breedte: 1464px; margin-left: auto; margin-right: auto; overflow: hidden; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div { hoogte: 625px; } .aplus-v2 .apm-brand-story-carousel.a-carousel-container { padding: 0px; } /* Dit centreert de carrousel verticaal bovenop de hero-afbeeldingscontainer en na het logogebied (125 px). Margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight */ .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner { margin-top: 149 px; } /* Kaarten moeten een breedte hebben ingesteld, anders is de standaardbreedte ongeveer 50 px. Alle kaarten moeten dezelfde breedte hebben. De carrousel past zichzelf aan, zodat alle kaarten de breedte van de grootste kaart aannemen. De linkermarge is om ruimte tussen elke kaart te laten. */ .aplus-v2 .apm-brand-story-carousel .a-carousel-card { width: 362 px; margin-left: 30 px !important; } /* de navigatieknoppen zo stylen dat ze hoger zijn, gelijk liggen met de zijkanten en een schone 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 { padding: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image { border: none; margin: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner { achtergrond: #fff; opvulling: 20px 6px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner { grensradius: 0px 4px 4px 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner { border-radius: 4px 0px 0px 4px; }