.aplus-v2 .apm-brand-story-carousel-container {
Position: relativ;
}
.aplus-v2 .apm-Markengeschichte-Karussell-Hero-Container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
Position: absolut;
Breite: 100 %;
}/*
Stellt sicher, dass das Karussell nur den Platz einnimmt, den es benötigt.
Bei den absolut positionierten Elementen muss die Größe neu eingestellt werden, damit diese Platz einnehmen können.
*/
.aplus-v2 .apm-Markengeschichte-Karussell-Container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
Höhe: 625px;
Breite: 100 %;
maximale Breite: 1464px;
Rand links: automatisch;
Rand rechts: automatisch;
Überlauf: versteckt;
}
/*
Dadurch wird das Karussell vertikal über dem Hero-Image-Container und nach dem Logobereich (125 Pixel) zentriert.
Margin-top = (heroHeight – cardHeight – logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-Markengeschichte-Karussell .a-Karussell-Reihe-inner{
Rand oben: 149px;
}
/*
Für Karten muss eine Breite festgelegt werden, andernfalls beträgt die Standardbreite etwa 50 Pixel.
Alle Karten müssen gleich breit sein. Das Karussell passt die Größe automatisch an, sodass alle Karten die Breite der größten Karte haben.
Der linke Rand dient dazu, zwischen den einzelnen Karten Platz zu lassen.
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-card {
Breite: 362px;
Rand links: 30px !wichtig;
}
/* Gestaltung der Navigationsschaltflächen, sodass sie höher sind, bündig mit den Seiten abschließen und einen sauberen weißen Hintergrund haben */
.aplus-v2 .apm-Markengeschichte-Karussell .a-Karussell-col.a-Karussell-links,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
Polsterung: 0px;
}
.aplus-v2 .apm-Markengeschichte-Karussell .a-Karussell-Col.a-Karussell-Links .a-Button-Bild,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {
Rand: keiner;
Rand: 0px;
}
.aplus-v2 .apm-Markengeschichte-Karussell .a-Karussell-Col.a-Karussell-Links .a-Schaltflächenbild .a-Schaltflächen-Innenseite,
.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 {
Rahmenradius: 0px 4px 4px 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
Rahmenradius: 4px 0px 0px 4px;
}