.banner {
    position: absolute;
    top: 40px;          /* Abstand vom oberen Rand */
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    pointer-events: none; /* Banner blockiert keine Klicks */
}

.banner-text {
    display: inline-block;
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: bold;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.8);
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}