/* ==========================================
   LAUFBAND / TICKER DESIGN
   ========================================== */

.laufband-container {
    width: 100%;
	max-width: 100%;  
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px 0; 
}

.laufband {
    display: flex;         
    white-space: nowrap;
    width: max-content; 
    animation: scroll-left 40s linear infinite; 
}

.laufband .text {
	padding-right: 5px; 
	font-size: 48px;
	letter-spacing: 10px;
    color:#807F81;
	font-weight: 300;		  
}

@keyframes scroll-left {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0); 
    }
}


/* ==========================================
   📱 SMARTPHONE DESIGN (ab 640px und schmaler)
   ========================================== */
@media (max-width: 640px) {
    .laufband-container {
        padding: 8px 0;       
    }
    
    .laufband .text {
        font-size: 15px;         
    }
}