Unsere Bestseller
Unser Sortiment
Schaue dir hier unser Sortiment unsere Taschen an
/* Container für die Icon-Reihe */
.sw-icon-row {
display: flex;
flex-wrap: wrap;
justify-content: center; /* Zentrierung der Icons */
align-items: center;
background-color: #f8f8f8; /* Heller Hintergrund */
padding: 20px;
gap: 20px; /* Abstand zwischen den Icons */
}
/* Einzelne Icons mit Text */
.sw-icon-item {
text-align: center;
font-family: Arial, sans-serif;
flex: 1 1 calc(16.6% - 20px); /* Responsives Verhalten: Sechs Elemente in einer Reihe */
max-width: 150px; /* Maximale Breite für ein Element */
}
/* Styling der Icons */
.sw-icon-item i {
display: block;
font-size: 32px; /* Größe der Icons */
margin-bottom: 10px;
color: #333; /* Dunkle Farbe für die Icons */
}
/* Styling der Texte */
.sw-icon-item p {
font-size: 14px;
color: #333;
margin: 0;
}
/* Responsive Verhalten */
@media (max-width: 768px) {
.sw-icon-item {
flex: 1 1 calc(33.3% - 20px); /* Drei Elemente pro Reihe */
}
}
@media (max-width: 480px) {
.sw-icon-item {
flex: 1 1 calc(50% - 20px); /* Zwei Elemente pro Reihe */
}
}