/* Component Styles
----------------------------------------*/

/* UAGB Countdown */

/* Timeline Abstände reduzieren */


/* Inhalt-Container optimieren */
.uagb-timeline__events-inner--content {
    padding: 10px !important;
    border-radius: 4px;         /* Optional: für abgerundete Ecken */
}


.uagb-timeline__marker-wrapper:last-child + .uagb-timeline__content-wrap .uagb-timeline__date-new {
    visibility: hidden;
}

/* Mobile Anpassungen für Timeline */
@media (max-width: 768px) {
    
    article.wp-block-uagb-content-timeline-child > div:nth-child(3)::before {
        color: #000 !important;
    }
    
    /* Countdown-Breite und Abstände anpassen */
    .uagb-timeline__days {
        width: 90vw !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        gap: 0 !important; /* Entfernt zusätzliche Abstände */
    }
    
    /* Einheitliche Abstände für Countdown-Items */
    .uagb-timeline__days .uagb-timeline__day {
        margin: 0 !important;
        padding: 0 5px 10px 5px !important; /* Seitlicher Abstand + Padding unten nur für Mobile */
    }
    
    /* Container-Breite anpassen */
    .uagb-timeline__content-wrap {
        width: 90% !important;
        max-width: 90vw !important;
        margin: 0 auto !important;
    }
    .wp-block-uagb-countdown__time .wp-block-uagb-countdown__time-minutes,
    .wp-block-uagb-countdown__time .wp-block-uagb-countdown__time-seconds,
    .wp-block-uagb-countdown__time .wp-block-uagb-countdown__time-hours,
    .wp-block-uagb-countdown__time .wp-block-uagb-countdown__time-days {
        margin-bottom: 4px !important;
    }
    .wp-block-uagb-countdown__time .wp-block-uagb-countdown__box-minutes,
    .wp-block-uagb-countdown__time .wp-block-uagb-countdown__box-seconds,
    .wp-block-uagb-countdown__time .wp-block-uagb-countdown__box-hours,
    .wp-block-uagb-countdown__time .wp-block-uagb-countdown__box-days {
        height: 80px !important;
    }
    
    /* Abstände zwischen Countdown-Elementen anpassen */
    .wp-block-uagb-countdown {
        gap: 14px !important;
    }
    
    .wp-block-uagb-countdown__box {
        margin: 0 !important;
        padding: 0 2px !important;
    }
    
    /* Speziell für das Years-Element */
    .wp-block-uagb-countdown__box-years {
        margin-right: 0 !important;
    }
}