Aus der Markenfunktion logShoppableMetrics(moduleName, showsAddToCart) { if (window.ue & & window.ue.count) { window.ue.count("aplus:shoppable:" + moduleName + ":addToCart", showsAddToCart ? 1 : 0); } } .aplus-v2 .apm-brand-story-karussell-container { position: relativ; } .aplus-v2 .apm-brand-story-karussell-hero-container, .aplus-v2 .apm-brand-story-karussell-hero-container > div { position: absolut; Breite: 100%; } /* Sicherstellen, dass das Karussell nur so viel Platz einnimmt, wie es benötigt. Die Größen müssen an den absolut positionierten Elementen neu eingestellt werden, damit sie Platz einnehmen können. */ .aplus-v2 .apm-brand-story-karussell-container, .aplus-v2 .apm-brand-story-karussell-hero-container { höhe: 625px; Breite: 100%; max. Breite: 1464px; margin-left: automatisch; margin-right: automatisch; Überlauf: versteckt; } .aplus-v2 .apm-brand-story-karussell-hero-container, .aplus-v2 .apm-brand-story-karussell-hero-container > div { Höhe: 625px; } .aplus-v2 .apm-brand-story-karussell.a-karussell-container { padding: 0px; } /* Dadurch wird das Karussell vertikal über dem Hero-Bildcontainer und nach dem Logobereich (125px) zentriert. margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight */ .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner { margin-top: 149px; } /* Karten müssen eine festgelegte Breite haben, andernfalls sind sie standardmäßig 50px oder so. Alle Karten müssen die gleiche Breite haben. Die Größe des Karussells ändert sich selbst, sodass alle Karten die Breite der größten Karte einnehmen. Der linke Rand dient dazu, zwischen den einzelnen Karten einen Abstand zu lassen. */ .aplus-v2 .apm-brand-story-karussell .a-karussell-karte { width: 362px; margin-left: 30px !wichtig; } /* Gestalten der Navigationsschaltflächen so, dass sie höher sind, bündig mit den Seiten abschließen und einen sauberen weißen Hintergrund haben */ .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-karussell .a-karussell-col.a-karussell-links .a-button-image, .aplus-v2 .apm-brand-story-karussell .a-karussell-col.a-karussell-rechts .a-button-image { border: keine; Rand: 0px; } .aplus-v2 .apm-brand-story-karussell .a-karussell-col.a-karussell-links .a-button-image .a-button-inner, .aplus-v2 .apm-brand-story-karussell .a-karussell-col.a-karussell-rechts .a-button-image .a-button-inner { background: #fff; Abstand: 20px 6px; } .aplus-v2 .apm-brand-story-karussell .a-karussell-col.a-karussell-links .a-button-image .a-button-inner { border-radius: 0px 4px 4px 0px; } .aplus-v2 .apm-brand-story-karussell .a-karussell-col.a-karussell-rechts .a-button-image .a-button-inner { border-radius: 4px 0px 0px 4px; }