.aplus-v2 .apm-brand-story-carousel-container {
Position: relativ;
}
.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
Position: absolut;
Breite: 100 %;
}/*
Sicherstellen, dass das Karussell nur den Platz einnimmt, den es benötigt.
Die Größen müssen an den absolut positionierten Elementen neu eingestellt werden, damit diese Platz beanspruchen können.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
Höhe: 625px;
Breite: 100 %;
maximale Breite: 1464px;
margin-left: auto;
Rand rechts: auto;
Überlauf: versteckt;
}
/*
Dadurch wird das Karussell vertikal über dem Hero-Image-Container und hinter dem Logo-Bereich (125 Pixel) zentriert.
Margin-top = (heroHeight – cardHeight – logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{
Rand oben: 149px;
}
/*
Für Karten muss eine Breite festgelegt werden, andernfalls beträgt sie standardmäßig etwa 50 Pixel.
Alle Karten müssen die gleiche Breite haben. Die Größe des Karussells ändert sich automatisch, 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-carousel .a-carousel-card {
Breite: 362px;
Rand links: 30px !important;
}
/* Gestalten Sie die 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 {
Polsterung: 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 {
Grenze: keine;
Rand: 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 {
Hintergrund: #fff;
Polsterung: 20px 6px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
Randradius: 0px 4px 4px 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
Randradius: 4px 0px 0px 4px;
}