@charset "utf-8";

/* language dependend styles */

.openaccount_progress div {
    font-size: 62.5%;
}

.openaccount_progress div .number{
    font-size: 180%;
}

/* the following may be to overwrite language dependend */
/* shrink font in openaccount bar if there are additional cards 
    business/club .. business/club
    dt .. depottransfer
*/

@media (min-width: 768px) { 

    .openaccount_progress {
        font-size: 1.5em;
    }
    
    .op_business {
        font-size: 1.38em;
    }
    
    .op_club {
        font-size: 1.25em;
    }
    
    .op_businessdt {
        font-size: 1.26em;
    }
    
    .op_clubdt {
        font-size: 1.15em;
    }
    
    .op_dt {
        font-size: 1.36em;
    }
    
    .openaccount_progress div .number{
        margin-top: -0.1em;
    }
}

@media (min-width: 992px) { 

    .openaccount_progress {
        font-size: 1.96em;
    }
    
    .op_business {
        font-size: 1.805em;
    }
    
    .op_club {
        font-size: 1.63em;
    }
    
    .op_businessdt {
        font-size: 1.645em;
    }
    
    .op_clubdt {
        font-size: 1.5em;
    }
    
    .op_dt {
        font-size: 1.775em;
    }
    
    .openaccount_progress div .number{
        margin-top: -0.1em;
    }
}

@media (min-width: 1200px) { 

    .openaccount_progress {
        font-size: 2.38em;
    }
    
    .op_business {
        font-size: 2.19em;
    }
    
    .op_club {
        font-size: 1.975em;
    }
    
    .op_businessdt {
        font-size: 1.993em;
    }
    
    .op_clubdt {
        font-size: 1.817em;
    }
    
    .op_dt {
        font-size: 2.15em;
    }
    
    .openaccount_progress div .number{
        margin-top: -0.1em;
    }
}