/* CSS Container */
/* PAGENAME: CSS Container - Aruba - ePeng Stepper (vodafone.aruba.epeng.stepper.css) PAGEID: 330289 PUBLISHING DATE: 2017-07-25 14:16:35 */
/* URL-Prefix: [] */
/* -[SNIPPETS >>>]---------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------ */
/* CONTENT CLASS: CSS Snippet - Aruba - ePeng - Stepper */
/* PAGENAME: CSS Snippet - Aruba - ePeng - Stepper PAGEID: 330258 */
/* ------------------------------------------------------------------------------------------ */

/* ePeng */

.stepperDyn              { position:relative;height:63px;margin:0 21px 12px 3px; }

.stepperDyn .step        { position:relative;float:left;height:63px;width:25%; }
.stepperDyn span         { position:relative;display:block;height:63px;padding-left:70px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:22px;line-height:58px;font-weight:normal;color:#666666; }
.stepperDyn a            { text-decoration:none;outline:none; }

.ePeng.step1 .catalog:before {
    position: absolute;
    content: " ";
    width: 15px;
    height: 63px;
    top: 0;
    left: -2px;
    background: url(/images/v5/css/stepper_dyn_leftend_selected_1x.png) no-repeat #ffffff;
}
.ePeng.step1 .catalog span {
    background: url(/images/v5/css/stepper15_icon_catalog_white_1x.png) no-repeat 20px 11px;
    z-index: 1;
    color: #fff;
}
.ePeng.step2 .tarif span {
    background: url(/images/v5/css/stepper15_icon_tarif_white_1x.png) no-repeat 35px 15px;
    z-index: 1;
    color: #fff;
}
.ePeng.step3 .extras span {
    background: url(/images/v5/css/stepper15_icon_extras_white_1x.png) no-repeat 35px 15px;
    z-index: 1;
    color: #fff;
}
.ePeng.step4 .offer:after {
    position: absolute;
    content: " ";
    width: 15px;
    height: 63px;
    top: 0;
    right: -2px;
    background: url(/images/v5/css/stepper_dyn_rightend_selected_1x.png) no-repeat #ffffff;
}
.ePeng.step4 .offer span {
    background: url(/images/v5/css/stepper15_icon_offer_white_1x.png) no-repeat 35px 15px;
    z-index: 1;
    color: #fff;
}
.ePeng.step1 .catalog, .ePeng.step2 .tarif, .ePeng.step3 .extras, .ePeng.step4 .offer {
    background: url(/images/v5/css/stepper_dyn_body_selected_1x.png) no-repeat;
}
.ePeng.step1 .tarif, .ePeng.step1 .extras, .ePeng.step1 .offer, .ePeng.step2 .extras, .ePeng.step2 .offer, .ePeng.step3 .offer {
    background: url(/images/v5/css/stepper_dyn_body_unvisited_1x.png) no-repeat;
}
.ePeng.step1 .tarif:before, .ePeng.step2 .extras:before, .ePeng.step3 .offer:before {
    position: absolute;
    content: " ";
    width: 34px;
    height: 63px;
    top: 0;
    left: -15px;
    background: url(/images/v5/css/stepper_dyn_selected_unvisited_1x.png) no-repeat #ffffff;
}
.ePeng.step1 .extras:before, .ePeng.step1 .offer:before, .ePeng.step2 .offer:before {
    position: absolute;
    content: " ";
    width: 34px;
    height: 63px;
    top: 0;
    left: -15px;
    background: url(/images/v5/css/stepper_dyn_unvisited_unvisited_1x.png) no-repeat #ffffff;
}
.ePeng.step1 .offer:after, .ePeng.step2 .offer:after, .ePeng.step3 .offer:after {
    position: absolute;
    content: " ";
    width: 15px;
    height: 63px;
    top: 0;
    right: -2px;
    background: url(/images/v5/css/stepper_dyn_rightend_unvisited_1x.png) no-repeat #ffffff;
}
.ePeng.step1 .tarif span, .ePeng.step3 .tarif span, .ePeng.step4 .tarif span {
    background: url(/images/v5/css/stepper15_icon_tarif_dark_1x.png) no-repeat 35px 15px;
    z-index: 1;
}
.ePeng.step1 .extras span, .ePeng.step2 .extras span, .ePeng.step4 .extras span {
    background: url(/images/v5/css/stepper15_icon_extras_dark_1x.png) no-repeat 35px 15px;
    z-index: 1;
}
.ePeng.step1 .offer span, .ePeng.step2 .offer span, .ePeng.step3 .offer span {
    background: url(/images/v5/css/stepper15_icon_offer_dark_1x.png) no-repeat 35px 15px;
    z-index: 1;
}
.ePeng.step1 .tarif:hover span, .ePeng.step3 .tarif:hover span, .ePeng.step4 .tarif:hover span {
    background: url(/images/v5/css/stepper15_icon_tarif_red_1x.png) no-repeat 35px 15px;
    color: #e60000;
}
.ePeng.step1 .extras:hover span, .ePeng.step2 .extras:hover span, .ePeng.step4 .extras:hover span {
    background: url(/images/v5/css/stepper15_icon_extras_red_1x.png) no-repeat 35px 15px;
    color: #e60000;
}
.ePeng.step1 .offer:hover span, .ePeng.step2 .offer:hover span, .ePeng.step3 .offer:hover span {
    background: url(/images/v5/css/stepper15_icon_offer_red_1x.png) no-repeat 35px 15px;
    color: #e60000;
}
.ePeng.step2 .catalog, .ePeng.step3 .catalog, .ePeng.step3 .tarif, .ePeng.step4 .catalog, .ePeng.step4 .tarif, .ePeng.step4 .extras {
    background: url(/images/v5/css/stepper_dyn_body_visited_1x.png);
}
.ePeng.step2 .catalog:before, .ePeng.step3 .catalog:before, .ePeng.step4 .catalog:before {
    position: absolute;
    content: " ";
    width: 15px;
    height: 63px;
    top: 0;
    left: -2px;
    background: url(/images/v5/css/stepper_dyn_leftend_visited_1x.png) no-repeat #ffffff;
}
.ePeng.step2 .tarif:before, .ePeng.step3 .extras:before, .ePeng.step4 .offer:before {
    position: absolute;
    content: " ";
    width: 34px;
    height: 63px;
    top: 0;
    left: -15px;
    background: url(/images/v5/css/stepper_dyn_visited_selected_1x.png) no-repeat #ffffff;
}
.ePeng.step2 .catalog span, .ePeng.step3 .catalog span, .ePeng.step4 .catalog span {
    background: url(/images/v5/css/stepper15_icon_catalog_dark_1x.png) no-repeat 20px 11px;
    z-index: 1;
}
.ePeng.step2 .catalog:hover span, .ePeng.step3 .catalog:hover span, .ePeng.step4 .catalog:hover span {
    background: url(/images/v5/css/stepper15_icon_catalog_red_1x.png) no-repeat 20px 11px;
    color: #e60000;
}
.ePeng.step3 .tarif:before, .ePeng.step4 .tarif:before, .ePeng.step4 .extras:before {
    position: absolute;
    content: " ";
    width: 34px;
    height: 63px;
    top: 0;
    left: -15px;
    background: url(/images/v5/css/stepper_dyn_visited_visited_1x.png) no-repeat #ffffff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {    

    .ePeng.step1 .catalog:before {
        background: url(/images/v5/css/stepper_dyn_leftend_selected_2x.png) no-repeat #ffffff;
        background-size: 15px 63px;
    }
    .ePeng.step1 .catalog span {
        background: url(/images/v5/css/stepper15_icon_catalog_white_2x.png) no-repeat 20px 11px;
        background-size: 33px 33px;
    }
    .ePeng.step2 .tarif span {
        background: url(/images/v5/css/stepper15_icon_tarif_white_2x.png) no-repeat 35px 15px;
        background-size: 20px 28px;
    }
    .ePeng.step3 .offer:after {
        background: url(/images/v5/css/stepper_dyn_rightend_unvisited_2x.png) no-repeat #ffffff;
        background-size: 34px 63px;
    }
    .ePeng.step3 .extras span {
        background: url(/images/v5/css/stepper15_icon_extras_white_2x.png) no-repeat 35px 15px;
        background-size: 25px 32px;
    }
    .ePeng.step4 .offer:after {
        background: url(/images/v5/css/stepper_dyn_rightend_selected_2x.png) no-repeat #ffffff;
        background-size: 15px 63px;
    }
    .ePeng.step4 .offer span {
        background: url(/images/v5/css/stepper15_icon_offer_white_2x.png) no-repeat 35px 15px;
        background-size: 23px 28px;
    }
    .ePeng.step1 .catalog, .ePeng.step2 .tarif, .ePeng.step3 .extras, .ePeng.step4 .offer {
        background: url(/images/v5/css/stepper_dyn_body_selected_2x.png) no-repeat;
        background-size: 500px 63px;
    }
    .ePeng.step1 .tarif, .ePeng.step1 .extras, .ePeng.step1 .offer, .ePeng.step2 .extras, .ePeng.step2 .offer, .ePeng.step3 .offer {
        background: url(/images/v5/css/stepper_dyn_body_unvisited_2x.png) no-repeat;
        background-size: 500px 63px;
    }
    .ePeng.step1 .tarif:before, .ePeng.step2 .extras:before, .ePeng.step3 .offer:before {
        background: url(/images/v5/css/stepper_dyn_selected_unvisited_2x.png) no-repeat #ffffff;
        background-size: 34px 63px;
    }
    .ePeng.step1 .extras:before, .ePeng.step1 .offer:before, .ePeng.step2 .offer:before {
        background: url(/images/v5/css/stepper_dyn_unvisited_unvisited_2x.png) no-repeat #ffffff;
        background-size: 34px 63px;
    }
    .ePeng.step1 .offer:after, .ePeng.step2 .offer:after {
        background: url(/images/v5/css/stepper_dyn_rightend_unvisited_2x.png) no-repeat #ffffff;
        background-size: 15px 63px;
    }
    .ePeng.step1 .tarif span, .ePeng.step3 .tarif span, .ePeng.step4 .tarif span {
        background: url(/images/v5/css/stepper15_icon_tarif_dark_2x.png) no-repeat 35px 15px;
        background-size: 20px 28px;
    }
    .ePeng.step1 .extras span, .ePeng.step2 .extras span, .ePeng.step4 .extras span {
        background: url(/images/v5/css/stepper15_icon_extras_dark_2x.png) no-repeat 35px 15px;
        background-size: 25px 32px;
    }
    .ePeng.step1 .offer span, .ePeng.step2 .offer span, .ePeng.step3 .offer span {
        background: url(/images/v5/css/stepper15_icon_offer_dark_2x.png) no-repeat 35px 15px;
        background-size: 23px 28px;
    }
    .ePeng.step1 .tarif:hover span, .ePeng.step3 .tarif:hover span, .ePeng.step4 .tarif:hover span {
        background: url(/images/v5/css/stepper15_icon_tarif_red_2x.png) no-repeat 35px 15px;
        background-size: 20px 28px;
    }
    .ePeng.step1 .extras:hover span, .ePeng.step2 .extras:hover span, .ePeng.step4 .extras:hover span {
        background: url(/images/v5/css/stepper15_icon_extras_red_2x.png) no-repeat 35px 15px;
        background-size: 25px 32px;
    }
    .ePeng.step1 .offer:hover span, .ePeng.step2 .offer:hover span, .ePeng.step3 .offer:hover span {
        background: url(/images/v5/css/stepper15_icon_offer_red_2x.png) no-repeat 35px 15px;
        background-size: 23px 28px;
    }
    .ePeng.step2 .catalog, .ePeng.step3 .catalog, .ePeng.step3 .tarif, .ePeng.step4 .catalog, .ePeng.step4 .tarif, .ePeng.step4 .extras {
        background: url(/images/v5/css/stepper_dyn_body_visited_2x.png) no-repeat;
        background-size: 500px 63px;
    }
    .ePeng.step2 .catalog:before, .ePeng.step3 .catalog:before, .ePeng.step4 .catalog:before {
        background: url(/images/v5/stepper_dyn_leftend_visited_2x.png) no-repeat #ffffff;
        background-size: 15px 63px;
    }
    .ePeng.step2 .tarif:before, .ePeng.step3 .extras:before, .ePeng.step4 .offer:before {
        background: url(/images/v5/css/stepper_dyn_visited_selected_2x.png) no-repeat #ffffff;
        background-size: 34px 63px;
    }
    .ePeng.step2 .catalog span, .ePeng.step3 .catalog span, .ePeng.step4 .catalog span {
        background: url(/images/v5/css/stepper15_icon_catalog_dark_2x.png) no-repeat 20px 11px;
        background-size: 33px 33px;
    }
    .ePeng.step2 .catalog:hover span, .ePeng.step3 .catalog:hover span, .ePeng.step4 .catalog:hover span {
        background: url(/images/v5/css/stepper15_icon_catalog_red_2x.png) no-repeat 20px 11px;
        background-size: 33px 33px;
    }
    .ePeng.step3 .tarif:before, .ePeng.step4 .tarif:before, .ePeng.step4 .extras:before {
        background: url(/images/v5/css/stepper_dyn_visited_visited_2x.png) no-repeat #ffffff;
        background-size: 34px 63px;
    }

}



@media only screen and (max-width: 767px) {
 
    .stepperDyn                   { margin:0 10px 12px; }
    .stepperDyn .step             { width:20%; }
    .stepperDyn span.webVersion   { display:none; }
    .stepperDyn span.mobilVersion { margin: 0 auto; }
    
    .ePeng.step1 .catalog,
    .ePeng.step2 .tarif,
    .ePeng.step3 .extras,
    .ePeng.step4 .offer           { width:40%; }
    

    .ePeng.step1 .catalog span {
        background: none;
        padding-left: 10px;
    }
    .ePeng.step1 .tarif span, .ePeng.step3 .tarif span, .ePeng.step4 .tarif span {
        width: 0;
        overflow: hidden;
        background-position: 26px 15px;
    }
    .ePeng.step1 .extras span, .ePeng.step2 .extras span, .ePeng.step4 .extras span {
        width: 0;
        overflow: hidden;
        background-position: 25px 15px;
    }
    .ePeng.step1 .offer span, .ePeng.step2 .offer span, .ePeng.step3 .offer span {
        width: 0;
        overflow: hidden;
        background-position: 23px 15px;
    }
    .ePeng.step1 .tarif:hover span, .ePeng.step3 .tarif:hover span, .ePeng.step4 .tarif:hover span {
        background-position: 26px 15px;
    }
    .ePeng.step1 .extras:hover span, .ePeng.step2 .extras:hover span, .ePeng.step4 .extras:hover span {
        background-position: 25px 15px;
    }
    .ePeng.step1 .offer:hover span, .ePeng.step2 .offer:hover span, .ePeng.step3 .offer:hover span {
        background-position: 23px 15px;
    }
    .ePeng.step2 .catalog span, .ePeng.step3 .catalog span, .ePeng.step4 .catalog span {
        width: 0;
        overflow: hidden;
        background-position: 16px 11px;
    }
    .ePeng.step2 .tarif span, .ePeng.step3 .extras span, .ePeng.step4 .offer span {
        background: none;
        padding-left: 22px;
    }
    .ePeng.step2 .catalog:hover span, .ePeng.step3 .catalog:hover span, .ePeng.step4 .catalog:hover span {
        background-position: 16px 11px;
    }

}

/* stepper ePeng ePromo  */


.ePromo.stepperDyn .step        { width:33.333333%; }


.ePromo.step1 .offer        { background:url(/images/v5/css/stepper_dyn_body_selected_1x.png); }
.ePromo.step1 .check        { background:url(/images/v5/css/stepper_dyn_body_unvisited_1x.png); }
.ePromo.step1 .order        { background:url(/images/v5/css/stepper_dyn_body_unvisited_1x.png); }

.ePromo.step1 .offer:before        { position:absolute;content:" ";width:15px;height:63px;top:0;left:-2px;background:url(/images/v5/css/stepper_dyn_leftend_selected_1x.png); }
.ePromo.step1 .check:before        { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_selected_unvisited_1x.png); }
.ePromo.step1 .order:before        { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_unvisited_unvisited_1x.png); }
.ePromo.step1 .order:after         { position:absolute;content:" ";width:15px;height:63px;top:0;right:-2px;background:url(/images/v5/css/stepper_dyn_rightend_unvisited_1x.png); }

.ePromo.step1 .offer span          { background:url(/images/v5/css/stepper15_icon_kampagne_white_1x.png) no-repeat 18px 10px;z-index:1;color:#ffffff; }
.ePromo.step1 .check span          { background:url(/images/v5/css/stepper15_icon_phone2_dark_1x.png) no-repeat 26px 10px;z-index:1; }
.ePromo.step1 .order span          { background:url(/images/v5/css/stepper15_icon_angebot_dark_1x.png) no-repeat 26px 10px;z-index:1; }

.ePromo.step1 .check:hover span    { background:url(/images/v5/css/stepper15_icon_phone2_red_1x.png) no-repeat 26px 10px;color:#e60000; }
.ePromo.step1 .order:hover span    { background:url(/images/v5/css/stepper15_icon_angebot_red_1x.png) no-repeat 26px 10px;color:#e60000; }



.ePromo.step2 .offer          { background:url(/images/v5/css/stepper_dyn_body_visited_1x.png); }
.ePromo.step2 .check          { background:url(/images/v5/css/stepper_dyn_body_selected_1x.png); }
.ePromo.step2 .order          { background:url(/images/v5/css/stepper_dyn_body_unvisited_1x.png); }

.ePromo.step2 .offer:before        { position:absolute;content:" ";width:15px;height:63px;top:0;left:-2px;background:url(/images/v5/css/stepper_dyn_leftend_visited_1x.png); }
.ePromo.step2 .check:before        { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_visited_selected_1x.png); }
.ePromo.step2 .order:before        { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_selected_unvisited_1x.png); }
.ePromo.step2 .order:after         { position:absolute;content:" ";width:15px;height:63px;top:0;right:-2px;background:url(/images/v5/css/stepper_dyn_rightend_unvisited_1x.png); }

.ePromo.step2 .offer span          { background:url(/images/v5/css/stepper15_icon_kampagne_dark_1x.png) no-repeat 18px 10px;z-index:1; }
.ePromo.step2 .check span          { background:url(/images/v5/css/stepper15_icon_phone2_white_1x.png) no-repeat 26px 10px;z-index:1;color:#ffffff; }
.ePromo.step2 .order span          { background:url(/images/v5/css/stepper15_icon_angebot_dark_1x.png) no-repeat 26px 10px;z-index:1; }

.ePromo.step2 .offer:hover span    { background:url(/images/v5/css/stepper15_icon_kampagne_red_1x.png) no-repeat 18px 10px;color:#e60000; }
.ePromo.step2 .order:hover span    { background:url(/images/v5/css/stepper15_icon_angebot_red_1x.png) no-repeat 26px 10px;color:#e60000; }



.ePromo.step3 .offer          { background:url(/images/v5/css/stepper_dyn_body_visited_1x.png); }
.ePromo.step3 .check          { background:url(/images/v5/css/stepper_dyn_body_visited_1x.png); }
.ePromo.step3 .order          { background:url(/images/v5/css/stepper_dyn_body_selected_1x.png); }

.ePromo.step3 .offer:before        { position:absolute;content:" ";width:15px;height:63px;top:0;left:-2px;background:url(/images/v5/css/stepper_dyn_leftend_visited_1x.png); }
.ePromo.step3 .check:before        { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_visited_visited_1x.png); }
.ePromo.step3 .order:before        { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_visited_selected_1x.png); }
.ePromo.step3 .order:after         { position:absolute;content:" ";width:15px;height:63px;top:0;right:-2px;background:url(/images/v5/css/stepper_dyn_rightend_selected_1x.png); }

.ePromo.step3 .offer span          { background:url(/images/v5/css/stepper15_icon_kampagne_dark_1x.png) no-repeat 18px 10px;z-index:1; }
.ePromo.step3 .check span          { background:url(/images/v5/css/stepper15_icon_phone2_dark_1x.png) no-repeat 26px 10px;z-index:1; }
.ePromo.step3 .order span          { background:url(/images/v5/css/stepper15_icon_angebot_white_1x.png) no-repeat 26px 10px;z-index:1;color:#ffffff; }

.ePromo.step3 .offer:hover span    { background:url(/images/v5/css/stepper15_icon_kampagne_red_1x.png) no-repeat 18px 10px;color:#e60000; }
.ePromo.step3 .check:hover span    { background:url(/images/v5/css/stepper15_icon_phone2_red_1x.png) no-repeat 26px 10px;color:#e60000; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { 
     
    .ePromo.step1 .offer        { background:url(/images/v5/css/stepper_dyn_body_selected_2x.png) no-repeat #ffffff;background-size:500px 63px; }
    .ePromo.step1 .check        { background:url(/images/v5/css/stepper_dyn_body_unvisited_2x.png) no-repeat #ffffff;background-size:500px 63px; }
    .ePromo.step1 .order        { background:url(/images/v5/css/stepper_dyn_body_unvisited_2x.png) no-repeat #ffffff;background-size:500px 63px; }
    
    .ePromo.step1 .offer:before        { background:url(/images/v5/css/stepper_dyn_leftend_selected_2x.png) no-repeat #ffffff;background-size:15px 63px; }
    .ePromo.step1 .check:before        { background:url(/images/v5/css/stepper_dyn_selected_unvisited_2x.png) no-repeat #ffffff;background-size:34px 63px; }
    .ePromo.step1 .order:before        { background:url(/images/v5/css/stepper_dyn_unvisited_unvisited_2x.png) no-repeat #ffffff;background-size:34px 63px; }
    .ePromo.step1 .order:after         { background:url(/images/v5/css/stepper_dyn_rightend_unvisited_2x.png) no-repeat #ffffff;background-size:15px 63px; }
    
    .ePromo.step1 .offer span          { background:url(/images/v5/css/stepper15_icon_kampagne_white_2x.png) no-repeat 18px 10px;background-size:40px 40px; }
    .ePromo.step1 .check span          { background:url(/images/v5/css/stepper15_icon_phone2_dark_2x.png) no-repeat 26px 10px;background-size:40px 40px; }
    .ePromo.step1 .order span          { background:url(/images/v5/css/stepper15_icon_angebot_dark_2x.png) no-repeat 26px 10px;background-size:40px 40px; }
    
    .ePromo.step1 .check:hover span    { background:url(/images/v5/css/stepper15_icon_phone2_red_2x.png) no-repeat 26px 10px;background-size:40px 40px; }
    .ePromo.step1 .order:hover span    { background:url(/images/v5/css/stepper15_icon_angebot_red_2x.png) no-repeat 26px 10px;background-size:40px 40px; }
    
    
    
    .ePromo.step2 .offer          { background:url(/images/v5/css/stepper_dyn_body_visited_2x.png) no-repeat #ffffff;background-size:500px 63px; }
    .ePromo.step2 .check          { background:url(/images/v5/css/stepper_dyn_body_selected_2x.png) no-repeat #ffffff;background-size:500px 63px; }
    .ePromo.step2 .order          { background:url(/images/v5/css/stepper_dyn_body_unvisited_2x.png) no-repeat #ffffff;background-size:500px 63px; }
    
    .ePromo.step2 .offer:before        { background:url(/images/v5/stepper_dyn_leftend_visited_2x.png) no-repeat #ffffff;background-size:15px 63px; }
    .ePromo.step2 .check:before        { background:url(/images/v5/css/stepper_dyn_visited_selected_2x.png) no-repeat #ffffff;background-size:34px 63px; }
    .ePromo.step2 .order:before        { background:url(/images/v5/css/stepper_dyn_selected_unvisited_2x.png) no-repeat #ffffff;background-size:34px 63px; }
    .ePromo.step2 .order:after         { background:url(/images/v5/css/stepper_dyn_rightend_unvisited_2x.png) no-repeat #ffffff;background-size:15px 63px; }
    
    .ePromo.step2 .offer span          { background:url(/images/v5/css/stepper15_icon_kampagne_dark_2x.png) no-repeat 18px 10px;background-size:40px 40px; }
    .ePromo.step2 .check span          { background:url(/images/v5/css/stepper15_icon_phone2_white_2x.png) no-repeat 26px 10px;background-size:40px 40px; }
    .ePromo.step2 .order span          { background:url(/images/v5/css/stepper15_icon_angebot_dark_2x.png) no-repeat 26px 10px;background-size:40px 40px; }
    
    .ePromo.step2 .offer:hover span    { background:url(/images/v5/css/stepper15_icon_kampagne_red_2x.png) no-repeat 18px 10px;background-size:40px 40px; }
    .ePromo.step2 .order:hover span    { background:url(/images/v5/css/stepper15_icon_angebot_red_2x.png) no-repeat 26px 10px;background-size:40px 40px; }
    
    
    
    .ePromo.step3 .offer          { background:url(/images/v5/css/stepper_dyn_body_visited_2x.png) no-repeat #ffffff;background-size:500px 63px; }
    .ePromo.step3 .check          { background:url(/images/v5/css/stepper_dyn_body_visited_2x.png) no-repeat #ffffff;background-size:500px 63px; }
    .ePromo.step3 .order          { background:url(/images/v5/css/stepper_dyn_body_selected_2x.png) no-repeat #ffffff;background-size:500px 63px; }
    
    .ePromo.step3 .offer:before        { background:url(/images/v5/stepper_dyn_leftend_visited_2x.png) no-repeat #ffffff;background-size:15px 63px; }
    .ePromo.step3 .check:before        { background:url(/images/v5/css/stepper_dyn_visited_visited_2x.png) no-repeat #ffffff;background-size:34px 63px; }
    .ePromo.step3 .order:before        { background:url(/images/v5/css/stepper_dyn_visited_selected_2x.png) no-repeat #ffffff;background-size:34px 63px; }
    .ePromo.step3 .order:after         { background:url(/images/v5/css/stepper_dyn_rightend_selected_2x.png) no-repeat #ffffff;background-size:15px 63px; }
    
    .ePromo.step3 .offer span          { background:url(/images/v5/css/stepper15_icon_kampagne_dark_2x.png) no-repeat 18px 10px;background-size:40px 40px; }
    .ePromo.step3 .check span          { background:url(/images/v5/css/stepper15_icon_phone2_dark_2x.png) no-repeat 26px 10px;background-size:40px 40px; }
    .ePromo.step3 .order span          { background:url(/images/v5/css/stepper15_icon_angebot_white_2x.png) no-repeat 26px 10px;background-size:40px 40px; }
    
    .ePromo.step3 .offer:hover span    { background:url(/images/v5/css/stepper15_icon_kampagne_red_2x.png) no-repeat 18px 10px;background-size:40px 40px; }
    .ePromo.step3 .check:hover span    { background:url(/images/v5/css/stepper15_icon_phone2_red_2x.png) no-repeat 26px 10px;background-size:40px 40px; }
    
}

@media only screen and (max-width: 767px) {
    
    .ePromo.stepperDyn .step             { width:20%; }
    
    .ePromo.step1 .offer,
    .ePromo.step2 .check,
    .ePromo.step3 .order           { width:60%; }
    

    .ePromo.step1 .offer span         { background:none;padding-left:10px; }
    .ePromo.step1 .check span         { width:0px;overflow:hidden;background-position:15px 10px; }
    .ePromo.step1 .order span         { width:0px;overflow:hidden;background-position:15px 10px; }
    
    .ePromo.step1 .check:hover span   { background-position:15px 10px; }
    .ePromo.step1 .order:hover span   { background-position:15px 10px; }
    

    .ePromo.step2 .offer span         { width:0px;overflow:hidden;background-position:15px 10px; }
    .ePromo.step2 .check span         { background:none;padding-left:22px; }
    .ePromo.step2 .order span         { width:0px;overflow:hidden;background-position:15px 10px; }
    
    .ePromo.step2 .offer:hover span   { background-position:15px 10px; }
    .ePromo.step2 .order:hover span   { background-position:15px 10px; }

    
    .ePromo.step3 .offer span         { width:0px;overflow:hidden;background-position:15px 10px; }
    .ePromo.step3 .check span         { width:0px;overflow:hidden;background-position:15px 10px; }
    .ePromo.step3 .order span         { background:none;padding-left:22px; }
    
    .ePromo.step3 .offer:hover span   { background-position:15px 10px; }
    .ePromo.step3 .check:hover span   { background-position:15px 10px; }

}


  
/* -[SNIPPETS <<<]---------------------------------------------------------------------------- */