div.angercode-customers
{
    
    position       : relative;
    width          : 100vw;
    height         : max-content;
    min-height     : 300px;
    overflow       : hidden;
    padding-bottom : 100px;
    box-sizing     : border-box;
    
    div.angercode-customers-rotatorbox
    {
        
        box-sizing : border-box;
        position   : absolute;
        height     : 100%;
        width      : max-content;
        transition : all 600ms linear;
        
        div.angercode-customers-box
        {
            
            position            : relative;
            float               : left;
            height              : 50%;
            aspect-ratio        : 1;
            margin-right        : 100px;
            margin-top          : 5rem;
            background-repeat   : no-repeat;
            background-size     : contain;
            background-position : center center;
            filter              : grayscale(1) contrast(1.2);
            transition          : all 300ms linear;
            
            &.angercode-customers-focus
            {
                transform : scale(1.5);
                filter    : unset !important;
            }
            
            &.blank
            {
                background : white;
            }
            
            &.elfpille
            {
                background-image : url('../images/11pille.webp');
                background-size  : 85%;
            }
            
            &.egm
            {
                background-image    : url('../images/egm.webp');
                background-size     : 75%;
                background-position : center 5%;
            }
            
            &.fkf
            {
                background-image : url('../images/fkf.webp');
            }
            
            &.oasengestaltung
            {
                background-image : url('../images/oasengestaltung.webp');
            }
            
            &.iconos
            {
                background-image    : url('../images/iconos.webp');
                background-position : center;
                background-size     : 80%;
            }
            
            &.simon
            {
                background-image    : url('../images/simon-profi-technik.webp');
                background-position : center 38%;
            }
            
            &.thingiprint
            {
                background-image : url('../images/thingiprint.webp');
                background-size  : 75%;
                filter           : grayscale(1) invert(1);
            }
            
            &.hillcommerce
            {
                background-image : url('../images/hill-commerce.webp');
            }
            
            &.wollrose
            {
                background-image : url('../images/wollrose.webp');
                background-size  : 75%;
            }
            
            &.weiss
            {
                background-image    : url('../images/weiss-intermedia.svg');
                background-size     : 85%;
                background-position : center 57%;
            }
            
            &.upgrait
            {
                background-image : url('../images/upgrait.svg');
            }
            
        }
        
    }
    
}

div.filler
{
    background : yellow;
    height     : calc(2 * 100vh);
    width      : 100vw;
}