/* Animationen */ @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Icons-Bereich */ .product-icons { display: flex; flex-wrap: wrap; gap: 20px; margin: 20px 0; } .icon-box { flex: 1 1 calc(33.33% - 20px); background-color: #f1f1f1; text-align: center; padding: 18px; border-radius: 10px; transition: transform 0.2s ease, background-color 0.2s ease; animation: fadeUp 0.6s ease forwards; opacity: 0; } .icon-box:nth-child(1) { animation-delay: 0.1s; } .icon-box:nth-child(2) { animation-delay: 0.3s; } .icon-box:nth-child(3) { animation-delay: 0.5s; } .icon-box:hover { transform: translateY(-5px); background-color: #e8e8e8; } .icon-box img { width: 48px; height: 48px; margin-bottom: 10px; filter: grayscale(100%); } .icon-box p { font-size: 15px; margin: 0; color: #111; } /* Versand-Zeitachse */ .shipping-timeline { display: flex; align-items: center; justify-content: space-between; margin: 35px 0; } .step { text-align: center; flex: 1; animation: fadeUp 0.6s ease forwards; opacity: 0; } .step:nth-child(1) { animation-delay: 0.7s; } .step:nth-child(3) { animation-delay: 0.9s; } .circle { width: 50px; height: 50px; background-color: #fff; border: 2px solid #111; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 8px auto; } .circle img { width: 26px; height: 26px; filter: grayscale(100%); } .line { flex: 1; height: 2px; background-color: #111; } /* Aktiver Schritt */ .step.active .circle { background-color: #111; } .step.active .circle img { filter: invert(100%); } 1,000+ customers Trust Lumiere Couture Fast delivery Daily shipping Authentic clothing Ordered Sent Delivered /* Automatische Datumsberechnung */ function formatDate(date) { return date.toLocaleDateString("de-DE", { weekday: "short", day: "2-digit", month: "2-digit" }); } const today = new Date(); document.getElementById("order-date").textContent = formatDate(today); const shipDate = new Date(); shipDate.setDate(today.getDate() + 1); document.getElementById("ship-date").textContent = formatDate(shipDate); const deliveryDate = new Date(); deliveryDate.setDate(today.getDate() + 3); document.getElementById("delivery-date").textContent = formatDate(deliveryDate);