/* Counter */
#counter-flex {
 display:flex; overflow-x: auto;
    gap: 20px;
	scroll-behavior: smooth;-webkit-overflow-scrolling: touch
}
#counter-flex .et_pb_module {flex: 0 0 200px}

.daily-counter {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    min-height: 150px;
    margin-bottom: 20px;
    padding: 20px 10px 10px 10px;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}

.daily-counter-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1; /* Damit der gesamte Inhalt gleichmäßig verteilt wird */
    width: 100%;
}


.counter-wrapper {
    display: flex;
    align-items: flex-end;
}

.counter-value {
    font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300)));
    color: var(--orange);
    font-weight: bold;
	margin-right:5px;
}

.counter-prefix {
    font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));
    color:var(--creme)
}

.counter-title {
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
    margin-top: 10px;
    display: block;
    line-height: 1.4em;
	color:var(--creme)
}


/* Marquee Container */
.dc-marquee {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 10px 0;
}

/* Track (bewegter Bereich) */
.dc-marquee-track {
    display: flex;
    width: max-content;
    animation: dc-marquee 40s linear infinite;
    gap: 40px;
}

/* Animation */
@keyframes dc-marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Optional: Hover stop */
.dc-marquee:hover .dc-marquee-track {
    animation-play-state: paused;
}

/* Elemente einheitlich */
.dc-marquee .daily-counter {
    flex: 0 0 180px;
}