/*---------------------------------------------------------------*/





.se_tabs {  
    position: absolute;
    left: 0px; 
    top: 2.395833333%; /* 33px = 1.71875%; */    
    width: 100%;
    height: 8.1481%; 
    max-width: 1920px;
    max-height: 88px;
    background-color: transparent;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px 1.8229% 0px 0px; /* 10.6250% 204px; */
}

.shop_edition_tab:hover {
    cursor: pointer;
    cursor: hand;
}

#shop_edition_left {
    background-image: url(../img/backgrounds/edition_button_background_1.png);
    color: white;
}

#shop_edition_center {
    background-image: url(../img/backgrounds/edition_button_background_1.png);
    color: white;
}

#shop_edition_right_steam {
    background-image: url(../img/backgrounds/edition_button_background_1.png);
    color: white;
}

#shop_edition_right_console {
    background-image: url(../img/backgrounds/edition_button_background_2.png);
    color: #441f79;
}

.s_ordernowbutton {
    position: absolute;
    left: 33.4375%; /* 642px; */ 
    top: 70.0926%; /* 757px; */ 
    width: 32.7604%; /* 629px;  */ 
    height: 25.463%; /* 275px;  */ 
    max-width: 629px;
    max-height: 275px;
    background-color: transparent;
    z-index: 8789;
}

.s_ordernowbutton:hover {
    cursor: pointer;
    cursor: hand;
}

/* .s_topbutton_left {
    position: absolute;
    left: 33.4375%; 
    top: 70.0926%; 
    width: 32.7604%; 
    height: 25.4630vw; 
    max-width: 629px;
    max-height: 275px;
    background-color: gold;
    opacity: 0.2; 
    filter: alpha(opacity=20);
    z-index: 8789;
} */

#sp5_order_button {
    position: absolute;
    left: 58.8382%; /* 942px; */
    top: 38.6194%; /* 207px; */
    width: 38.7258%; /* 620px; */
    height: 57.46268657%; /* 308px; */
    max-width: 620px;
    max-height: 308px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    z-index: 4785;   
} 

#sp5_order_button:hover { 
    cursor: pointer;
    cursor: hand;
}

 

/*
#over_arrow_lila {    
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18.9063vw; 
    height: 2.5521vw; 
    background-color: red;
    margin: 0px;
    padding: 0px; 
    opacity: 0.4; 
    filter: alpha(opacity=40);
}  
*/

 

#b_big {
    position: absolute;
    left: 0.5208vw; /* 10px; */
    top: 0.1563vw; /* 3px; */
    width: 17.2396vw; /* 331px; */
    height: 2.3958vw; /* 46px; */
    background-color: white;
    font-family: 'Muli', sans-serif;
    color: #53318d;
    font-size: 1.4vw; /* 13px; */
    font-weight: 900;
    line-height: 2.3958vw; /* 46px; */
    text-align: left;
    margin: 0px;
    padding: 0px 0px 0px 1.6667vw; /* 32px; */ 
    opacity: 1.0; 
    filter: alpha(opacity=100);
    visibility: hidden;
    transform:perspective( 41.6666vw ) rotateX(20deg);
    transition:all 0.4s;
}  

#b_big:hover {
    opacity: 1.0; 
    filter: alpha(opacity=100);
    cursor: pointer;
    cursor: hand;
    transform:perspective( 41.6666vw ) rotateX(0deg); /* perspective( 800px ) */
}

/*
.ct_all {
    position: relative;
    left: 0px;
    width: 14.04vw; ######### 270px; 
    height: 2.3958vw; 
    background-color: white;
    font-family: 'Muli', sans-serif;
    color: #53318d;
    font-size: 1.4vw;
    font-weight: 900;
    line-height: 2.3958vw;
    text-align: left;
    text-transform: uppercase;
    margin: 0.15625vw 0px 0px 0px; ######### 3px; 
    padding: 0px 0px 0px 1.6667vw;
    opacity: 0.85; 
    filter: alpha(opacity=85);
    ######### transform:perspective( 41.6666vw ) rotateX(20deg); 
    transition:all 0.4s;
}  
*/



  

#all_countries {
    position: absolute;
    left: 27.607745%; /* 23.0208vw; 442px; */
    top: 24.440299%; /* 6.8229vw; 131px; */
    width: 21.361649%; /* 17.8125vw; 342px; */
    height: 54.850746%; /* 15.3125vw; 294px; */
    background-color: transparent;
    text-align: left;
    margin: 0px;
    padding: 0px;
    visibility: hidden;
    transition:all 0.4s;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 7775;
}


#a_romboid {
    position: absolute;
    left: 14.740787%; /* 237px; */
    top: 43.283582%; /* 234px; */
    width: 1.374141%; /* 22px; */
    height: 4.104478%; /* 22px; */
    background-color: transparent;
    background-image: url(../img/backgrounds/romboid2.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    margin: 0px;
    padding: 0px;
    transition:all 0.4s;
}   

/*
#card_d26 {
    position: absolute;
    left: 11.3542vw; 
    top: 17.552vw; 
    width: 9.6354vw; 
    height: 2.0833vw; 
    background-color: white;
    margin: 0px;
    padding: 0px;
    transition:all 0.4s;
} 
*/

.pfeildown:after{
    position: absolute;
    right: 3vw;
    top: 1.5vw; 
    margin-left: -1.77083vw;
    content: "";
    width: 2.0833vw;
    height: 2.0833vw;
    cursor: hand;
    cursor: pointer;
    border: 0 solid transparent;
    border-right: 0.625vw solid #ded3ff;
    border-bottom: 0.625vw solid #ded3ff;
    transform: rotate(45deg);
}  

#shop_setcard {
    position: absolute;
    left: 50%;
    margin-left: -41.6927%; /* -41.6666vw; */
    width: 83.3854%;       /*  83.3854vw; */
    height: 49.6296%;     /*  27.9166vw; */
    max-width: 1601px;
    max-height: 536px;
    bottom: -49.6296%; /*      -28vw; */
    background-color: transparent; 
    background-image: url(../img/backgrounds/uk_shop_card_1601x536.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% auto;
    opacity: 1.0; 
    filter: alpha(opacity=100);
    transition:all 1.0s;
    z-index: 8878;
}  

.shop_clean_background {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 56.25vw; 
    margin: 0px;
    padding: 0px;
    background-color: transparent; 
    background-image: url(../img/backgrounds/aom_shop_nur_background.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    opacity: 1.0; 
    filter: alpha(opacity=100);
}

.staub {
    position: absolute;
    left: 18.75%;          /*  647px; */
    top: 73.6111%;        /*  795px; */
    width: 62.5%;        /* 1200px; */
    height: 14.0741%;   /*  152px; */
    max-width: 1200px; /* 1357px; */
    max-height: 152px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    background-image: url(../img/backgrounds/staub.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 80% 80%;
    opacity: 0; 
    filter: alpha(opacity=0);
    visibility: hidden;
    display: inline;
    transform: scale(1);
    transition: all 3s;
    /* z-index: 4786; */
}

.staub.animate {
    transform: scale(1.8);
    opacity: 0; 
    filter: alpha(opacity=0);
    animation: bubaluku 3s;
    animation-iteration-count: 1;
}

.staub.startposition {
    opacity: 0; 
    filter: alpha(opacity=0);
    transform: scale(1);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes bubaluku {
    0% {
        opacity: 0; 
        filter: alpha(opacity=0);
    }

    10% {
        opacity: 0.35; 
        filter: alpha(opacity=35);
    }

    100% {
        opacity: 0; 
        filter: alpha(opacity=0);
    }
}

@keyframes bubaluku {
    0% {
        opacity: 0; 
        filter: alpha(opacity=0);
    }

    10% {
        opacity: 0.35; 
        filter: alpha(opacity=35);
    }

    100% {
        opacity: 0; 
        filter: alpha(opacity=0);
    }
}







.edition_plus_text {
    position: absolute;
    left: 50%;
    margin-left: -38.70967742%; /* 240px; */
    top: 66.55844156%; /* 205px; */ 
    width: 77.41935484%; /* 480px; */
    height: 33.76623377%; /* 104px; */
    max-width: 480px;
    max-height: 104px;
    padding: 0px;
    background-color: transparent;
    text-align: center;
}

.mobile_edition_plus_text {
    position: absolute;
    left: 36px;
    top: 245px;
    width: 247px;
    height: 54px;
    max-width: 247px;
    max-height: 54px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    text-align: center;
}




.overlay_cases {
    position: absolute;
    left: 23.6979vw;     /* 455px; um 4 groeser 459px; */
    top: 1.82286vw;     /*  35px; */
    width: 6.3542vw;   /* 122px; */
    height: 1.9792vw; /*  38px; */
    max-width: 122px;
    max-height: 38px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
}

#overlay_steam {
    background-image: url(../img/backgrounds/overlay_steam.png);
    visibility: hidden;
}

#overlay_console {
    background-image: url(../img/backgrounds/overlay_console.png);
}

#setcard_overlay_steam {
    background-image: url(../img/backgrounds/overlay_steam.png);
    visibility: hidden;
}

#setcard_overlay_console {
    background-image: url(../img/backgrounds/overlay_console.png);
}

.overlay_legal_action_pending {
    position: absolute;
    left: 33.6979%; /* 647px; */
    top: 66.66666667%;      /* 720px; */
    width: 32.2917%; /* 620px; */
    height: 28.51851852%; /* 308px; */
    max-width: 620px;
    max-height: 308px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    opacity: 0.5; 
    filter: alpha(opacity=50);
    z-index: 789;
}

.overlay_legal_action_pending:hover {
    cursor: hand;
    cursor: pointer;
}

.text_choose_cpr {
    position: absolute;
    left: 8.994378513%; /* 144px; */
    width: 19%; /* 285px; */
    height: 5.970149254%; /* 32px; */
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 0.989583333vw; /* 18px; */
    font-weight: 900;
    text-transform: uppercase;
    line-height: 5.970149254%; /* 32px; */
    color: white;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

#text_choose_country {
    top: 20.3358209%; /* 109px; */
}

#text_select_platform {
    top: 31.34328358%; /* 168px; */
}

#text_select_retailer {
    top: 56.52985075%; /* 303px; 289px; */
}

/* -----------------------------------------*/






/*
li.edition {
    position: relative;
    width: 18.0208vw; ///346px; /
    height: 4.53125vw; ///87px; /
    max-width: 346px;
    max-height: 87px;
    background-color: transparent; 
    background-image: url(../img/backgrounds/edition_button_background_1.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    color: white; 
    font-family: "Oswald",sans-serif;
    font-size: 1.71875vw; / 33px; /
    font-stretch: ultra-condensed;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 4.53125vw; / 87px; /
    list-style: none;
    margin: 0px 0px 0px 0.3125%; 
    padding: 0px;
    float: left;
    overflow-y: visible;
    transition: all 0.5s;
}

li.edition:hover {
    cursor: pointer;
    cursor: hand;
}

li.edition.selected:hover {
    cursor: default;
}

li.edition.selected {
    background-image: url(../img/backgrounds/edition_button_background_2.png);
    color: #441f79;
}

*/



#platform_c {
    left: 41.6667vw; /* 801px; */
    width: 5.6250vw; /* 108px; */
    background-image: url(../img/backgrounds/platform_pc.png);
}

#platform_b {
    left: 27.8646vw; /* 535px; */
    width: 10.8333vw; /* 208px; */
    background-image: url(../img/backgrounds/platform_xbox.png);
}   


@media (min-width: 701px) and (max-width: 1920px) { 
    #fr_steelbook_edition_right_down {
        position: absolute;
        right: 5.46875%;         /* 105px; */
        bottom: 6.481481481%;   /*  70px; */
        width: 22.86458333%;   /* 439px; */
        height: 32.68518519%; /* 353px; */
        max-width: 439px;
        max-height: 353px;
        margin: 0px;
        padding: 0px;
        background-color: transparent;
    }
}

@media (min-width: 320px) and (max-width: 700px) { 
    #fr_steelbook_edition_right_down {
        position: absolute;
        left: 60px;
        top: 90px;
        width: 160px;
        height: 129px;
        max-width: 160px;
        max-height: 129px;
        margin: 0px;
        padding: 0px;
        background-color: transparent;
    }
}