.content-banner{
    font-family: 'Dela Gothic One', 'Glacial-Indifference', sans-serif;
    font-size: 2rem;
    color: transparent;
    -webkit-text-stroke: 0.5px #fff2eb;
    overflow: hidden;
    min-width: max-content;
    position: relative;
    display: flex;
    word-wrap: normal;
    justify-content: stretch;
   
}

.content-banner-top > div{
	animation: slideLeft 40s linear infinite;
}

.content-banner-bottom > div{
	animation: slideRight 40s linear infinite;
}

/* Keyframes */

@keyframes slideLeft{

    0%{
        transform: translateX(0%);
    }

    100%{
        transform: translateX(-100%);
    }

}

@keyframes slideRight{

    0%{
        transform: translateX(-100%);
    }

    100%{
        transform: translateX(0%);
    }

}


/* ----- Mediaqueries ----- */

/* Ganz kleine Größen wie z.B. iPhone 4 */
@media (max-width: 320px){

 

}

/* Größer als Standardgröße */

@media (min-width: 380px){

   

}

@media (min-width: 650px){

    .content-banner {
        font-size: 3rem;
    }
 
}

@media (min-width: 768px){

    .content-banner {
        font-size: 4rem;
    }

    .content-banner-top > div{
        animation: slideLeft 120s linear infinite;
    }
    
    .content-banner-bottom > div{
        animation: slideRight 120s linear infinite;
    }

}

@media (min-width: 992px){

    .content-banner {
        font-size: 4.5rem;
    }

    .content-banner-top > div{
        animation: slideLeft 80s linear infinite;
    }
    
    .content-banner-bottom > div{
        animation: slideRight 80s linear infinite;
    }

}

@media (min-width: 1200px){

    .content-banner {
        font-size: 5rem;
    }
    
}

@media (min-width: 1400px){

  
    
}

@media (min-width: 1700px){

    .content-banner {
        font-size: 6rem;
    }
    
}

@media (min-width: 1920px){

    

}