/* LD Timed Banner - Frontend Styles */

.ldtb-banner {
    color: #ffffff;
    padding: 16px 24px;
    margin: 0 0 16px 0;
    border-radius: 8px;
    box-sizing: border-box;
}

.ldtb-banner-inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* Schatten */
.ldtb-has-shadow {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

/* Animationen */
.ldtb-animation-fade { animation: ldtb-fade-in 0.6s ease-out; }
.ldtb-animation-slide-up { animation: ldtb-slide-up 0.6s ease-out; }
.ldtb-animation-pulse { animation: ldtb-pulse 1.2s ease-in-out infinite; }

@keyframes ldtb-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes ldtb-slide-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ldtb-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.02); } 100% { transform: scale(1); } }

@media (max-width: 600px) {
    .ldtb-banner { padding: 12px 16px; border-radius: 6px; font-size: 14px; }
}