/* GOOGLE FONTS LOCAL FROM OUR SERVER */
@import url('https://fonts.googleapis.com/css?family=Muli:400,400i,600,600i,700,800|Oswald:300,400,500,600,700&subset=cyrillic,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Archivo+Black&subset=latin-ext');


/* GOOGLE ONLINE FONTS. @import url('../fonts/fonts_muli.css');
@import url('../fonts/fonts_oswald.css');
@import url('../fonts/fonts_muli.css');
@import url('https://fonts.googleapis.com/css?family=Muli');
@import url('https://fonts.googleapis.com/css?family=Oswald:500,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Muli:400,400i,600,600i,700,800|Oswald:300,400,500,600,700&subset=cyrillic,latin-ext');

font-family: 'Oswald', sans-serif;
*/




main {
    display: block;
}

#main {
    visibility: hidden;
}

body {
    background-color: #060013;
    overflow-x: hidden;
    overflow-y: hidden;
    font-size: 100%;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#age_gate {
    position: fixed;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 0px;
    width: 100%;
    height: 100%; /* 56.25vw; */
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: transparent;
    background-image:url(../img/backgrounds/presskit-website_bg.jpg);
    background-repeat:no-repeat;
    background-position: center top;
    background-size: cover; 
    text-align: center;
    z-index: 5998;
}





.flaglink {
    text-decoration: none;
    color: white;
}

.flaglink:hover {
    font-weight: bold;
    letter-spacing: 1px;
}

#filter_background {
    position: fixed;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 100%;
    height: 100%; /* 56.25vw; */
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: transparent;
    background-image:url(../img/backgrounds/presskit-website_bg.jpg);
    background-repeat:no-repeat;
    background-position: center top;
    background-size: cover; 
    -webkit-animation: mymove 2.7s;  /* Safari 4.0 - 8.0 */ 
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */ 
    animation: mymove 2.7s;
    animation-iteration-count: infinite;
    opacity: 0.09; 
    filter: alpha(opacity=9);

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
        0% {
        -webkit-filter: contrast(30);
        filter: contrast(30);
        left: 50%;
        width: 99vw;
        margin-left: -49.5vw;
    }

    50% {
        -webkit-filter: contrast(8);
        filter: contrast(8);
        left: 50%;
        width: 102vw;
        margin-left: -51vw;
        
    }

    100% {
        -webkit-filter: contrast(30);
        filter: contrast(30);
        left: 50%;
        width: 99vw;
        margin-left: -49.5vw;
    }
    
}

@keyframes mymove {
        0% {
        -webkit-filter: contrast(30);
        filter: contrast(30);
        left: 50%;
        width: 99vw;
        margin-left: -49.5vw;
    }

    50% {
        -webkit-filter: contrast(8);
        filter: contrast(8);
        left: 50%;
        width: 102vw;
        margin-left: -51vw;
        
    }

    100% {
        -webkit-filter: contrast(30);
        filter: contrast(30);
        left: 50%;
        width: 99vw;
        margin-left: -49.5vw;
    }
}



#filter_background_2 {
    position: fixed;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    height: 100%; /* 56.25vw; */
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: transparent;
    background-image:url(../img/backgrounds/presskit-website_bg.jpg);
    background-repeat:no-repeat;
    background-position: center top;
    background-size: cover; 
    -webkit-animation: myspeed 2.7s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation: myspeed 2.7s;
    animation-iteration-count: infinite;
    opacity: 0.03; 
    filter: alpha(opacity=3);
    z-index: 4;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes myspeed {
    0% {
        -webkit-filter: contrast(50);
        filter: contrast(50);
        margin-left: -55vw;
        width: 110vw;
    }

    50% {
        -webkit-filter: contrast(8);
        filter: contrast(8);
        margin-left: -80vw;
        width: 160vw;
    }

    100% {
        -webkit-filter: contrast(50);
        filter: contrast(50);
        margin-left: -55vw;
        width: 110vw;
    }
}

@keyframes myspeed {
    0% {
        -webkit-filter: contrast(50);
        filter: contrast(50);
        margin-left: -55vw;
        width: 110vw;
    }

    50% {
        -webkit-filter: contrast(8);
        filter: contrast(8);
        margin-left: -80vw;
        width: 160vw;
    }

    100% {
        -webkit-filter: contrast(50);
        filter: contrast(50);
        margin-left: -55vw;
        width: 110vw;
    }
}

#baracuda_aom_logo {
    position: absolute; 
    left: 0px;
    right: 0px;
    top: 5vw;
    margin: auto;
    width: 44.53125vw;
    min-width: 300px;
    max-width: 855px; 
    height: 100%;
    max-height: 650px; 
    background-color: transparent;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: outline;
}


#select_a_country {
    position: relative;
    left: 50%;
    margin-left: -150px;
    top: 10px;
    width: 300px;
    height: 20px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 4px;
    color: white;
    text-shadow: 2px 2px 4px white;
    transition:all 1s;
    opacity: 0.3; 
    filter: alpha(opacity=30);
}

.TransformDemoDivFadeOutInOut:hover {
    -webkit-filter: drop-shadow(0px 0px 8px white);
    filter: drop-shadow(0px 0px 8px white);
    -moz-box-shadow: 0px 0px 8px white;
    -webkit-box-shadow: (0px 0px 8px white);
    box-shadow: (0px 0px 8px white);
    opacity: 1.0; 
    filter: alpha(opacity=100);
}






#de_flag {
    position: relative;
    left: 50%;
    margin-left: -109px;
    margin-top: 30px;
    width: 59px;
    height: 54px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 4px;
    color: white;
    text-shadow: 2px 2px 4px white;
    z-index: 870;
    opacity: 0.3; 
    filter: alpha(opacity=30);  
}

#gb_flag {
    position: relative;
    left: 50%;
    margin-left: -30px;
    margin-top: -54px;
    width: 59px;
    height: 54px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 4px;
    color: white;
    text-shadow: 2px 2px 4px white;
    z-index: 870;
    opacity: 0.3; 
    filter: alpha(opacity=30);
}


#us_flag {
    position: relative;
    left: 50%;
    margin-left: 49px;
    margin-top: -54px;
    width: 59px;
    height: 54px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 4px;
    color: white;
    text-shadow: 2px 2px 4px white;
    z-index: 871;
    opacity: 0.3; 
    filter: alpha(opacity=30);
}

.bambulac {
    -webkit-filter: drop-shadow(0px 0px 12px white);
    filter: drop-shadow(0px 0px 12px white);
    -moz-box-shadow: 0px 0px 12px white;
    -webkit-box-shadow: (0px 0px 12px white);
    box-shadow: (0px 0px 12px white);
}
/* RUNNING ALSO OK!
#us_flag:hover~#html_emailform {
-webkit-filter: drop-shadow(0px 0px 12px white);
    filter: drop-shadow(0px 0px 12px white);
    -moz-box-shadow: 0px 0px 12px white;
    -webkit-box-shadow: (0px 0px 12px white);
    box-shadow: (0px 0px 12px white);
}
*/




#fr_flag {
    position: relative;
    left: 50%;
    margin-left: -109px;
    margin-top: 43px;
    width: 59px;
    height: 54px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 4px;
    color: white;
    text-shadow: 2px 2px 4px white;
    z-index: 870;
    opacity: 0.3; 
    filter: alpha(opacity=30);
}

#it_flag {
    position: relative;
    left: 50%;
    margin-left: -30px;
    margin-top: -54px;
    width: 59px;
    height: 54px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 4px;
    color: white;
    text-shadow: 2px 2px 4px white;
    z-index: 870;
    opacity: 0.3; 
    filter: alpha(opacity=30);
}

#es_flag {
    position: relative;
    left: 50%;
    margin-left: 49px;
    margin-top: -54px;
    width: 59px;
    height: 54px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 4px;
    color: white;
    text-shadow: 2px 2px 4px white;
    z-index: 870;
    opacity: 0.3; 
    filter: alpha(opacity=30);
}





#d26over_de_flag {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 59px;
    height: 80px;
    background-color: transparent;
}

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

#d26over_gb_flag {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 59px;
    height: 80px;
    background-color: transparent;
}

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

#d26over_us_flag {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 59px;
    height: 80px;
    background-color: transparent;
}

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

#d26over_fr_flag {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 59px;
    height: 80px;
    background-color: transparent;
}

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


#d26over_it_flag {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 59px;
    height: 80px;
    background-color: transparent;
}

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

#d26over_es_flag {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 59px;
    height: 80px;
    background-color: transparent;
}

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

#date_of_birth {
    position: relative;
    left: 50%;
    margin-left: -150px;
    top: 50px;
    width: 300px;
    height: 20px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 2px;
    color: white;
    text-shadow: 2px 2px 4px white;
    opacity: 0.3; 
    filter: alpha(opacity=30);
    transition:all 1s;
}





#html_emailform {
    position: relative;
    left: 50%;
    margin-left: -143px;
    top: 70px;
    width: 286px;
    height: 46px; /* 46px; */
    padding: 50px 0px 0px 0px;
    background-color: transparent;
    background-image:url(../img/backgrounds/age_form.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 286px 46px;
    border-radius: 5px;
    z-index: 19128;
    opacity: 0.2; 
    filter: alpha(opacity=20);
}


#dd {
    position: absolute;
    left: 0px;
    top: 46px;
    width: 70px;
    height: 20px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 2px;
    color: white;
    text-align: center;
    text-shadow: 2px 2px 4px white;
    transition:all 1s;
}

#mm {
    position: absolute;
    left: 72px;
    top: 46px;
    width: 70px;
    height: 20px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 2px;
    color: white;
    text-align: center;
    text-shadow: 2px 2px 4px white;
    transition:all 1s;
}

#yyyy {
    position: absolute;
    left: 144px;
    top: 46px;
    width: 70px;
    height: 20px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 2px;
    color: white;
    text-align: center;
    text-shadow: 2px 2px 4px white;
    transition:all 1s;
}

#month {
    position: absolute;
    left: 76px;
    top: 4px;
    width: 58px;
    max-width: 58px;
    height: 36px;
    border-radius: 5px;
    background-color: transparent;	
    border: 0px solid transparent; 
    color: #533095;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 1px;
    text-align: center;
    padding: 0px 0px 0px 7px;
    transition:all 1.0s;
}

#day {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 58px;
    max-width: 58px;
    height: 34px;
    border-radius: 5px;
    background-color: transparent;	
    border: 0px solid transparent; 
    color: #533095;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 1px;
    text-align: center;
    padding: 0px 0px 0px 7px;
    transition:all 1.0s;  
}

#year {
    position: absolute;
    left: 148px;
    top: 4px;
    width: 61px;
    max-width: 61px;
    height: 34px;
    border-radius: 5px;
    background-color: transparent;	
    border: 0px solid transparent; 
    color: #533095;
    font-family: 'Muli', sans-serif;
    font-size: 13pt;
    letter-spacing: 1px;
    text-align: center;
    padding: 0px 0px 0px 4px;
    transition:all 1.0s;
}

#text_send_button {
    position: absolute;
    left: 216px;
    top: 0px;
    width: 70px;
    max-width: 70px;
    height: 46px;
    background-color: transparent;   	
    color: white;
    font-family: 'Muli', sans-serif;
    line-height: 46px;
    font-size: 13pt;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: 0px 0px 14px white;
}

#text_send_button:hover {
    font-size: 16pt;
    text-shadow: 0px 0px 16px white;
    font-weight: bold;
}

#d26over_send_button {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 70px;
    height: 46px;
    background-color: transparent;   
}

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








#date_cover_layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;   
    z-index: 777;
}

#cover_layeroverall {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent; 
    z-index: 99777;
}

#validation_text {
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 70px;
    width: 300px;
    max-width: 300px;
    height: 26px;
    background-color: transparent;
    color: white;
    font-family: 'Muli', sans-serif;
    font-size: 11pt;
    line-height: 22px;
    text-align: center;
    padding: 3px 0px 0px 0px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px white; /* text-shadow: 0px 0px 14px white; */
    -webkit-animation: myblink 2s;  /* Safari 4.0 - 8.0 */ 
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */ 
    animation: myblink 2s;
    animation-iteration-count: infinite;
    visibility: hidden;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes myblink {
    0% {
        font-size: 10.5pt;
    }

    50% {
        font-size: 11pt;
        font-weight: bold;
    }

    100% {
        font-size: 10.5pt;
    }

}

@keyframes myblink {
    0% {
        font-size: 10.5pt;
    }

    50% {
        font-size: 11pt;
        font-weight: bold;
    }

    100% {
        font-size: 10.5pt;
    }

}



#not_2times {
    position: absolute;
    width: 100%;
    top: auto;
    height: auto;
    background-color: transparent;
    color: white;
    font-family: 'Muli', sans-serif;
    font-size: 20pt;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 40px;
    text-align: center;
    padding: 0px;
    z-index: 77978;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

#no_more_sectimes {
    position: absolute;
    width: 100%;
    top: auto;
    height: auto;
    background-color: transparent;
    color: white;
    font-family: 'Muli', sans-serif;
    font-size: 20pt;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 40px;
    text-align: center;
    padding: 0px;
    z-index: 77979;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    /*
    transition:all 1s;
    opacity: 0.0; 
    filter: alpha(opacity=0);
    */
}

#d26_not_permitted {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 77%;
    background-color: transparent;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 9999;
    visibility: hidden;
}










































































#absent {
    position: fixed; 
    left: 0px; 
    top: 100px; 
    width: 80px; 
    height: 30px; 
    background-color: white; 
    color: black; 
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    z-index: 10000; 
}


a {
    text-decoration: none;
}

.mis {
    cursor: pointer;
    cursor: hand;
}

#centar {
    position: absolute;
    width: 100%;
    margin: 0px;
}

footer {
    display: block;
    visibility: hidden;
}

.fleur_de_lis:hover {
    -webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
    filter: drop-shadow(4px -4px 13px #eba5fa);
    -moz-box-shadow: 4px -4px 13px #eba5fa;
    -webkit-box-shadow: (4px -4px 13px #eba5fa);
    box-shadow: (4px -4px 13px #eba5fa);	
}

.txt_bad_vs_evil:hover {
    -webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
    filter: drop-shadow(4px -4px 13px #eba5fa);
    -moz-box-shadow: 4px -4px 13px #eba5fa;
    -webkit-box-shadow: (4px -4px 13px #eba5fa);
    box-shadow: (4px -4px 13px #eba5fa);	
}

.txt_news:hover {
    -webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
    filter: drop-shadow(4px -4px 13px #eba5fa);
    -moz-box-shadow: 4px -4px 13px #eba5fa;
    -webkit-box-shadow: (4px -4px 13px #eba5fa);
    box-shadow: (4px -4px 13px #eba5fa);	
}

.txt_agents:hover {
    -webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
    filter: drop-shadow(4px -4px 13px #eba5fa);
    -moz-box-shadow: 4px -4px 13px #eba5fa;
    -webkit-box-shadow: (4px -4px 13px #eba5fa);
    box-shadow: (4px -4px 13px #eba5fa);	
}

.txt_shop:hover {
    -webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
    filter: drop-shadow(4px -4px 13px #eba5fa);
    -moz-box-shadow: 4px -4px 13px #eba5fa;
    -webkit-box-shadow: (4px -4px 13px #eba5fa);
    box-shadow: (4px -4px 13px #eba5fa);	
}

.txt_menue_top_community:hover {
    -webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
    filter: drop-shadow(4px -4px 13px #eba5fa);
    -moz-box-shadow: 4px -4px 13px #eba5fa;
    -webkit-box-shadow: (4px -4px 13px #eba5fa);
    box-shadow: (4px -4px 13px #eba5fa);	
}

/* FAQ am 30.01.2017 rausgenommen
.txt_menue_top_faq:hover {
-webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
filter: drop-shadow(4px -4px 13px #eba5fa);
-moz-box-shadow: 4px -4px 13px #eba5fa;
-webkit-box-shadow: (4px -4px 13px #eba5fa);
box-shadow: (4px -4px 13px #eba5fa);
}
*/

/* lightbox-div za click-ovanje */
.ppi {
    visibility: hidden; 
    background-color: transparent;
}

@media (min-width: 1201px) 
and (max-width: 1680px) { 

    .story_page_text, .agenttab_body, .ability_desc {
        font-family: 'Muli', sans-serif;
        font-size: 8.6pt;
        color: white;
        line-height: 16px;
        margin: 11px 0px 0px 0px;
    }

    #story_page_pe_04_text {
        position: absolute;
        width: 15.625vw; /* 300px; */
        font-family: 'Muli', sans-serif;
        font-size: 10pt;
        color: white;
        line-height: 18px;
        margin: 11px 0px 0px 0px;
        text-align: left;
    }

    #b_story_page_pe_04_text {
        position: absolute;
        width: 15.625vw; /* 300px; */
        font-family: 'Muli', sans-serif;
        font-size: 10pt;
        color: white;
        line-height: 18px;
        margin: 11px 0px 0px 0px;
        text-align: left;
    }

}




@media (min-width: 1001px) 
and (max-width: 1200px) { 

    .story_page_text, .agenttab_body, .ability_desc {
        font-family: 'Muli', sans-serif;
        font-size: 7.4pt;
        color: white;
        line-height: 14.5px;
        margin: 5px 0px 0px 0px;
    }

    #story_page_pe_04_text {
        position: absolute;
        width: 16.325vw; /* 320px; */
        font-family: 'Muli', sans-serif;
        font-size: 9pt;
        color: white;
        line-height: 16px;
        margin: 5px 0px 0px 0px;
        text-align: left;
    }

    #b_story_page_pe_04_text {
        position: absolute;
        width: 15.625vw; /* 300px; */
        font-family: 'Muli', sans-serif;
        font-size: 9pt;
        color: white;
        line-height: 15px;
        margin: 5px 0px 0px 0px;
        text-align: left;
    }
}



@media (min-width: 901px) 
and (max-width: 1000px) { 

    .story_page_text, .agenttab_body, .ability_desc {
        font-family: 'Muli', sans-serif;
        font-size: 7pt;
        color: white;
        line-height: 12px;
        margin: 3px 0px 0px 0px;
    }

    #story_page_pe_04_text {
        position: absolute;
        width: 15.625vw; /* 300px; */
        font-family: 'Muli', sans-serif;
        font-size: 8pt;
        color: white;
        line-height: 15px;
        margin: 3px 0px 0px 0px;
        text-align: left;
    }

    #b_story_page_pe_04_text {
        position: absolute;
        width: 15.625vw; /* 300px; */
        font-family: 'Muli', sans-serif;
        font-size: 8pt;
        color: white;
        line-height: 15px;
        margin: 3px 0px 0px 0px;
        text-align: left;
    }
}

@media (min-width: 801px) 
and (max-width: 900px) { 

    .story_page_text, .agenttab_body, .ability_desc {
        font-family: 'Muli', sans-serif;
        font-size: 6.8pt;
        color: white;
        line-height: 11px;
        margin: 0px 0px 0px 0px;
    }

    #story_page_pe_04_text {
        position: absolute;
        width: 15.625vw; /* 300px; */
        font-family: 'Muli', sans-serif;
        font-size: 7pt;
        color: white;
        line-height: 12px;
        margin: 0px 0px 0px 0px;
        text-align: left;
    }

    #b_story_page_pe_04_text {
        position: absolute;
        width: 15.625vw; /* 300px; */
        font-family: 'Muli', sans-serif;
        font-size: 7pt;
        color: white;
        line-height: 12px;
        margin: 0px 0px 0px 0px;
        text-align: left;
    }
}

@media (min-width: 701px) 
and (max-width: 800px) { 

    .story_page_text, .agenttab_body, .ability_desc {
        font-family: 'Muli', sans-serif;
        font-size: 6pt;
        color: white;
        line-height: 9.7px;
        margin: 0px 0px 0px 0px;
    }

    #story_page_pe_04_text {
        position: absolute;
        width: 16.9vw; /* 320px; */
        font-family: 'Muli', sans-serif;
        font-size: 6.5pt;
        color: white;
        line-height: 11px;
        margin: 0px 0px 0px 0px;
        text-align: left;
    }

    #b_story_page_pe_04_text {
        position: absolute;
        width: 16.6667vw; /* 320px; */
        font-family: 'Muli', sans-serif;
        font-size: 6.5pt;
        color: white;
        line-height: 11px;
        margin: 0px 0px 0px 0px;
        text-align: left;
    }
}



@media (min-width: 701px) 
and (max-width: 1279px) { 

    .txt_bad_vs_evil {
        position: absolute;
        left: 12.3437vw; /* 237px; 100% vw = 1279px */
        top: 1.14vw; /* 21px; */
        width: 6.3331vw; /* 4.2188vw; 81px; */
        max-width: 81px;
        height: 1.0164vw; /* 13px; */
        max-height: 13px;
        background-color: transparent;
        background-image:url(../img/backgrounds/text_story.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        cursor: pointer;
        cursor: hand;
        z-index: 9991;
    }

    .txt_news {
        position: absolute;
        left: 23.2292vw; /* 446px; */
        top: 1.14vw; /* 21px; */
        width: 5.6294vw; /* 72px; */
        max-width: 72px;
        height: 1.0164vw; /* 13px; */
        max-height: 13px;
        background-color: transparent;
        background-image:url(../img/backgrounds/txt_news.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        cursor: pointer;
        cursor: hand;
        z-index: 9992;
    }
    
    .txt_agents {
        position: absolute;
        left: 33.6979vw; /* 23.2292vw; 446px; */
        top: 1.14vw; /* 21px; */
        width: 7.7404vw; /* 99px; */
        max-width: 99px;
        height: 1.0164vw; /* 13px; */
        max-height: 13px;
        background-color: transparent;
        background-image:url(../img/backgrounds/txt_agents.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        cursor: pointer;
        cursor: hand;
        z-index: 9992;
    }
    
    .de_txt_agents {
        position: absolute;
        left: 33.6979vw; /* 23.2292vw; 446px; */
        top: 1.14vw; /* 21px; */
        width: 7.7404vw; /* 116px; */
        max-width: 116px;
        height: 1.0164vw; /* 13px; */
        max-height: 13px;
        background-color: transparent;
        background-image:url(../../de/assets/img/backgrounds/de_text_agents_116x13.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        cursor: pointer;
        cursor: hand;
        z-index: 9992;
    }

    .txt_shop {
        position: absolute;
        left: 46.6vw; /* 33.6979vw; 647px; */
        top: 1.14vw; /* 21px; */
        width: 5.0821vw; /* 65px; */
        max-width: 65px;
        height: 1.0164vw; /* 13px; */
        max-height: 13px;
        background-color: transparent;
        background-image:url(../img/backgrounds/txt_shop.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        cursor: pointer;
        cursor: hand;
        z-index: 9993;
    }







    .txt_menue_top_community {
        position: absolute;
        left: calc(50% - 27.2vw);
        top: 21px;
        width: 144px;
        height: 13px;
        background-color: transparent;
        background-image:url(../img/backgrounds/txt_menue_top_community.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 144px 13px;
        cursor: pointer;
        cursor: hand;
        z-index: 9990;
    }

}




@media (min-width: 701px) 
and (max-width: 1159px) { 

    .sn_img_01 {
        position: relative;
        top: 0.25vw; /* 10px; */
        width: 1.4063vw; /* 27px; */
        min-width: 20px;
        max-width: 27px;
        height: 1.6667vw; /* 32px; */
        min-height: 24px;
        margin: 0px 1.15vw 0px 0px;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_02 {
        position: relative;
        top: 0.25vw; /* 10px; */
        width: 1.7188vw; /* 33px; */
        min-width: 29px;
        max-width: 33px;
        height: 1.4063vw; /* 27px; */
        min-height: 24px;
        max-height: 27px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_03 {
        position: relative;
        top: 0.25vw; /* 10px; */
        width: 0.7292vw; /* 14px; */
        min-width: 12px;
        max-width: 14px;
        height: 1.4063vw; /* 27px; */
        min-height: 24px;
        max-height: 24px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_04 {
        position: relative;
        top: 0.25vw; /* 10px; */
        width: 1.4063vw; /* 27px; */
        min-width: 24px;
        max-width: 27px;
        height: 1.4063vw; /* 27px; */
        min-height: 24px;
        max-height: 27px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
        background-color: transparent;
    }

    .sn_img_05 {
        position: relative;
        top: 0.25vw; /* 10px; */
        width: 1.3542vw; /* 26px; */
        min-width: 23px;
        max-width: 26px;
        height: 1.4063vw; /* 27px; */
        min-height: 24px;
        max-height: 27px;
        margin: 0px 0px 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }

}



@media (min-width: 1160px)
and (max-width: 1300px) { 

    .sn_img_01 {
        position: relative;
        top: 0.05vw; /* 10px; */
        width: 27px; /* 27px; */
        height: 32px; /* 32px; */
        margin: 0px 1.15vw 0px 0px;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_02 {
        position: relative;
        top: 0.01vw; /* 10px; */
        width: 33px;
        height: 27px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_03 {
        position: relative;
        top: 0.01vw; /* 10px; */
        width: 14px;
        height: 27px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_04 {
        position: relative;
        top: 0.01vw; /* 10px; */
        width: 27px;
        height: 27px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
        background-color: transparent;
    } 

    .sn_img_05 {
        position: relative;
        top: 0.01vw; /* 10px; */
        width: 26px;
        height: 27px;
        margin: 0px 0px 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }

}

@media (min-width: 1301px) 
and (max-width: 1600px) { 
    

    .sn_img_01 {
        position: relative;
        top: 0.1208vw; /* 10px; */
        width: 27px;
        height: 32px;
        margin: 0px 1.15vw 0px 0px;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_02 {
        position: relative;
        top: 0.1208vw; /* 10px; */
        width: 33px;
        height: 27px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_03 {
        position: relative;
        top: 0.1208vw; /* 10px; */
        width: 14px;
        height: 27px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_04 {
        position: relative;
        top: 0.1208vw; /* 10px; */
        width: 27px;
        height: 27px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
        background-color: transparent;
    }

    .sn_img_05 {
        position: relative;
        top: 0.1208vw; /* 10px; */
        width: 26px;
        height: 27px;
        margin: 0px 0px 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }
}



@media (min-width: 1601px) {
    
    .sn_img_01 {
        position: relative;
        top: 0.5208vw; /* 10px; */
        width: 27px;
        height: 32px;
        margin: 0px 1.15vw 0px 0px;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_02 {
        position: relative;
        top: 0.5208vw; /* 10px; */
        width: 33px;
        height: 27px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_03 {
        position: relative;
        top: 0.5208vw; /* 10px; */
        width: 14px;
        height: 27px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }

    .sn_img_04 {
        position: relative;
        top: 0.5208vw; /* 10px; */
        width: 27px;
        height: 27px;
        margin: 0px 1.15vw 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
        background-color: transparent;
    }

    .sn_img_05 {
        position: relative;
        top: 0.5208vw; /* 10px; */
        width: 26px;
        height: 27px;
        margin: 0px 0px 0px 1.15vw;
        cursor: pointer;
        cursor: hand;
    }
}




.sn_img_05:hover {
    -webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
    filter: drop-shadow(4px -4px 13px #eba5fa);
    -moz-box-shadow: 4px -4px 13px #eba5fa;
    -webkit-box-shadow: (4px -4px 13px #eba5fa);
    box-shadow: (4px -4px 13px #eba5fa);	
}

.sn_img_04:hover {
    -webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
    filter: drop-shadow(4px -4px 13px #eba5fa);
    -moz-box-shadow: 4px -4px 13px #eba5fa;
    -webkit-box-shadow: (4px -4px 13px #eba5fa);
    box-shadow: (4px -4px 13px #eba5fa);	
}

.sn_img_03:hover {
    -webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
    filter: drop-shadow(4px -4px 13px #eba5fa);
    -moz-box-shadow: 4px -4px 13px #eba5fa;
    -webkit-box-shadow: (4px -4px 13px #eba5fa);
    box-shadow: (4px -4px 13px #eba5fa);	
}



.sn_img_02:hover {
    -webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
    filter: drop-shadow(4px -4px 13px #eba5fa);
    -moz-box-shadow: 4px -4px 13px #eba5fa;
    -webkit-box-shadow: (4px -4px 13px #eba5fa);
    box-shadow: (4px -4px 13px #eba5fa);	
}

.sn_img_01:hover {
    -webkit-filter: drop-shadow(4px -4px 13px #eba5fa);
    filter: drop-shadow(4px -4px 13px #eba5fa);
    -moz-box-shadow: 4px -4px 13px #eba5fa;
    -webkit-box-shadow: (4px -4px 13px #eba5fa);
    box-shadow: (4px -4px 13px #eba5fa);	
}














@media (min-width: 1280px) { 

    .txt_bad_vs_evil {
        position: absolute;
        left: 12.3437vw; /* 237px; */
        top: 1.05vw; /* 21px; */
        width: 81px;
        height: 13px;
        background-color: transparent;
        background-image:url(../img/backgrounds/text_story.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 81px 13px;
        cursor: pointer;
        cursor: hand;
        z-index: 9991;
    }

    .txt_news {
        position: absolute;
        left: 23.2292vw; /* 446px; */
        top: 1.05vw; /* 21px; */
        width: 72px;
        height: 13px;
        background-color: transparent;
        background-image:url(../img/backgrounds/txt_news.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 72px 13px;
        cursor: pointer;
        cursor: hand;
        z-index: 9992;
    }
    
    .txt_agents {
        position: absolute;
        left: 33.6979vw; /* 446px; */
        top: 1.05vw; /* 21px; */
        width: 99px;
        height: 13px;
        background-color: transparent;
        background-image:url(../img/backgrounds/txt_agents.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 99px 13px;
        cursor: pointer;
        cursor: hand;
        z-index: 9992;
    }
    
    .de_txt_agents {
        position: absolute;
        left: 33.2812vw; /* 639px; */
        top: 1.05vw; /* 21px; */
        width: 116px; /* 116px; */
        height: 13px; /* 13px; */ 
        background-color: transparent;
        background-image:url(../../de/assets/img/backgrounds/de_text_agents_116x13.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 116px 13px;
        cursor: pointer;
        cursor: hand;
        z-index: 9993;
    }
    
    .txt_shop {
        position: absolute;
        left: 45.85625vw; /* 867px; */
        top: 1.05vw; /* 21px; */
        width: 65px;
        height: 13px;
        background-color: transparent;
        background-image:url(../img/backgrounds/txt_shop.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 65px 13px;
        cursor: pointer;
        cursor: hand;
        z-index: 9993;
    }



    .txt_menue_top_community {
        position: absolute;
        left: calc(50% - 23.2vw);
        top: 21px;
        width: 144px;
        height: 13px;
        background-color: transparent;
        background-image:url(../img/backgrounds/txt_menue_top_community.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 144px 13px;
        cursor: pointer;
        cursor: hand;
        z-index: 9990;
    }

}




#open-popup {
    padding: 20px;
}

#open-popup_2 {
    padding: 20px;
}

#open-popup_3 {
    padding: 20px;
}

#wka1 {
    width: 15vw; /* 228px; */
    height: auto;
}

#wka2 {
    width: 15vw; /* 228px; */
    height: auto;
}

#wka3 {
    width: 15vw; /* 228px; */
    height: auto;
}

#wka4 {
    width: 15vw; /* 228px; */
    height: auto;
}

#wka5 {
    width: 15vw; /* 228px; */
    height: auto;
}










@media (min-width: 320px) 
and (max-width: 649px) { 

    #ps4und, #us_ps4und {
        position: absolute; 
        left: 50%;
        margin-left: -350px;
        top: 136px; /* 20px; */
        width: 700px;
        background-color: transparent;
    }

    #impressum {
        position: absolute; 
        left: 50%;
        width: 100%; 
        height: auto; 
        background-color: #05000e;
        font-family: 'Muli', sans-serif;
        text-align: center;
        font-size: 9px; /* 11px; */
        line-height: 14px; /* 16px; */
        vertical-align: bottom;
        color: white;
        letter-spacing: 1px;
        margin: 210px 0px 0px -50%; 
               /* 231px */
    }
    
    #fr_impressum {
        position: absolute; 
        left: 50%;
        width: 100%; 
        height: auto; 
        background-color: #05000e;
        font-family: 'Muli', sans-serif;
        text-align: center;
        font-size: 9px; /* 11px; */
        line-height: 14px; /* 16px; */
        vertical-align: bottom;
        color: white;
        letter-spacing: 1px;
        margin: 210px 0px 0px -50%; 
               /* 231px */
    }
    
    #deep_silver_logo_footer {
        position: absolute; 
        left: 50%;
        margin-left: -110px;
        top: 40px; 
        width: 51px; 
        height: 73px; 
        background-color: transparent;
    }
    
    #volition_logo_footer {
        position: absolute; 
        left: 50%;
        margin-left: -35px;
        top: 41px; 
        width: 58px; 
        height: 72px; 
        background-color: transparent;
    }
    
    #footerflags {
        position: absolute; 
        left: 50%;
        margin-left: 48px;
        top: 10px;
        width: 80px;
        height: 130px;
        background-color: transparent;
        font-family: 'Muli', sans-serif;
        text-align: left;
        font-size: 8pt;
        color: white;
        line-height: 18px; /* 1.1458vw */
        padding: 0px;
    }
    
    #plevo{ 
        position: relative;
        width: 7.2917vw; 
        min-width: 35px;
        height: 8.0208vw; 
        min-height: 38.5px;
        margin: 0px 0px -0.1vw 9px;
    }
    
    #plevo_2{ 
        position: relative;
        width: 11.5625vw; 
        min-width: 55.5px;
        height: 6.7708vw; 
        min-height: 32.5px;
    }
    
    #zdesno_2{ 
        position: relative;
        width: 7.2917vw; 
        min-width: 35px;
        height: 7.2917vw; 
        min-height: 35px;
    }
            
    #us_zdesno{ 
        position: relative;
        width: 15.2083vw; 
        min-width: 73px;
        height: 7.2917vw; 
        min-height: 35px;
        margin: 0px 0px 0px 9px;
    }
    
    #uk2_zdesno{ 
        position: relative;
        width: 5.8333vw; /* 28px; */
        min-width: 28px;
        height: 8.3333vw; /* 40px; */
        min-height: 40px;
        margin: 0px 0px 0px 9px;
    }
    
    .nvidia {
        position: relative;
        width: 16.7708vw; 
        min-width: 80.5px;
        height: 10.4167vw; 
        min-height: 50px;        
        margin: 0px 0px -2.6vw 9px;
    }
    
    a, .kelaboja {
        color: white;
        font-family: 'Muli', sans-serif;
        font-size: 11px;
    }
    
    .marginci {
        margin: 0px 0px 0px 9px;
    }

}






@media (min-width: 650px) 
and (max-width: 1920px) { 

    #ps4und, #us_ps4und {
        position: absolute; 
        left: 50%;
        margin-left: -350px;
        top: 136px; /* 20px; */
        width: 700px;
        background-color: transparent;
    }

    #impressum {
        position: absolute; 
        left: 50%;
        width: 100%; /* 94vw; */
        max-width: 1880px;
        height: auto; 
        background-color: #05000e;
        font-family: 'Muli', sans-serif;
        text-align: center;
        font-size: 11px;
        line-height: 16px;
        vertical-align: bottom;
        color: white;
        letter-spacing: 1px;
        margin: 231px 0px 0px -50%; /* -47vw; */
    }
    
    #fr_impressum {
        position: absolute; 
        left: 50%;
        width: 94vw; 
        max-width: 1880px;
        height: auto; 
        background-color: #05000e;
        font-family: 'Muli', sans-serif;
        text-align: center;
        font-size: 11px;
        line-height: 16px;
        vertical-align: bottom;
        color: white;
        letter-spacing: 1px;
        margin: 231px 0px 0px -47vw; 
    }
    
    #deep_silver_logo_footer {
        position: absolute; 
        left: 50%;
        margin-left: -110px;
        top: 40px; 
        width: 51px; 
        height: 73px; 
        background-color: transparent;
    }
    
    #volition_logo_footer {
        position: absolute; 
        left: 50%;
        margin-left: -35px;
        top: 41px; 
        width: 58px; 
        height: 72px; 
        background-color: transparent;
    }
    
    #footerflags {
        position: absolute; 
        left: 50%;
        margin-left: 48px;
        top: 10px;
        width: 80px;
        height: 130px;
        background-color: transparent;
        font-family: 'Muli', sans-serif;
        text-align: left;
        font-size: 8pt;
        color: white;
        line-height: 18px; /* 1.1458vw */
        padding: 0px;
    }
    
    #plevo{ 
        position: relative;
        margin: 0px 0px -2px 9px;
    }
            
    #us_zdesno{ 
        position: relative;
        margin: 0px 0px -2px 9px;
    }
    
    #uk2_zdesno{ 
        position: relative;
        margin: 0px 0px 0px 9px;
    }
    
    .marginci {
        margin: 0px 0px 0px 9px;
    }
    
    .nvidia {
        margin: 0px 0px -26px 9px;
    }
    
    a, .kelaboja {
        color: white;
        font-family: 'Muli', sans-serif;
        font-size: 11px;
    }

}

/*     HERAUSGENOMMEN 15.08.2017 09:36H



    #es_deep_silver_logo_footer {
        position: absolute; 
        left: 50%;
        margin-left: -360px;
        top: 170px; 
        width: 51px; 
        height: 73px; 
        background-color: transparent;
    }

    #es_deep_silver_logo_footer {
        position: absolute; 
        left: 50%;
        margin-left: -132px;
        top: 110px; 
        width: 51px; 
        height: 73px; 
        background-color: transparent;
    }

    #es_volition_logo_footer {
        position: absolute; 
        left: 50%;
        margin-left: 304px;
        top: 172px; 
        width: 58px; 
        height: 72px; 
        background-color: transparent;
    }

    #es_volition_logo_footer {
        position: absolute; 
        left: 50%;
        margin-left: 74px;
        top: 110px; 
        width: 58px; 
        height: 72px; 
        background-color: transparent;
    }

    #footerflags {
    position: absolute; 
    left: 50%;
    margin-left: -31px;
    top: 105px;
    width: 80px;
    height: 130px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    text-align: left;
    font-size: 8pt;
    color: white;
    line-height: 18px;
    padding: 0px;
}

    #plevo{ 
        position: relative;
        margin: 0px 14px -2px 14px;
    }

    #plevo{ 
        position: relative;
        width: 36px;
        height: 40px; 
        margin: 0px 3vw -2px 3vw;
    }


    .marginci {
        margin: 0px 14px 0px 14px;
    }


    .marginci {
        margin: 0px 3vw 0px 3vw;
    }


    .belaboja {
        color: white;
        font-family: 'Muli', sans-serif;
        font-size: 8px;
    }







*/











































@media (min-width: 701px) 
and (max-width: 800px) { 

    #feature_stripe {
        position: relative;
        top: 11vw; /* top: -3.6vw; 4.1vw; */
        width: auto;
        height: auto;
        max-width: 1920px;
        max-height: 325px;
        background-color: transparent;
        z-index: 1999;
        padding: 0;
        margin: 0px 0px 27.5vw 0px;
        opacity: 1.0; 
        filter: alpha(opacity=100);
    }

    #agents_of_mayhem_logo {
        position: absolute; 
        left: 50%;
        top: 26vw; /* top: 415px;*/
        margin-left: -22.2656vw; /* margin-left: -428px; */
        width: 44.53125vw;
        max-width: 855px; 
        height: auto;
        min-width: 0%;
        min-height: 0%;
        max-height: 251px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 5;
    }

}

@media (min-width: 801px)
and (max-width: 900px) { 

    #feature_stripe {
        position: relative;
        top: 8vw; /* top: -3.6vw; 4.1vw; */
        width: auto;
        height: auto;
        max-width: 1920px;
        max-height: 325px;
        background-color: transparent;
        z-index: 1999;
        padding: 0;
        margin: 0px 0px 24.5vw 0px;
        opacity: 1.0; 
        filter: alpha(opacity=100);
    }

    #agents_of_mayhem_logo {
        position: absolute; 
        left: 50%;
        top: 25vw; /* top: 415px;*/
        margin-left: -22.2656vw; /* margin-left: -428px; */
        width: 44.53125vw;
        max-width: 855px; 
        height: auto;
        min-width: 0%;
        min-height: 0%;
        max-height: 251px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 5;
    }

}

@media (min-width: 901px)
and (max-width: 1680px) { 

    #feature_stripe {
        position: relative;
        top: 3.8vw; /* top: -3.6vw; 4.1vw; */
        width: auto;
        height: auto;
        max-width: 1920px;
        max-height: 325px;
        background-color: transparent;
        z-index: 1999;
        padding: 0;
        margin: 0px 0px 20.7vw 0px;
        opacity: 1.0; 
        filter: alpha(opacity=100);
    }

    #agents_of_mayhem_logo {
        position: absolute; 
        left: 50%;
        top: 21.6146vw; /* top: 415px;*/
        margin-left: -22.2656vw; /* margin-left: -428px; */
        width: 44.53125vw;
        max-width: 855px; 
        height: auto;
        min-width: 0%;
        min-height: 0%;
        max-height: 251px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 5;
    }

}

@media (min-width: 1681px) {

    #feature_stripe {
        position: relative;
        top: -3.8vw; /* top: -3.6vw; 4.1vw; */
        width: auto;
        height: auto;
        max-width: 1920px;
        max-height: 325px;
        background-color: transparent;
        z-index: 1999;
        padding: 0;
        margin: 0px 0px 13vw 0px;
        opacity: 1.0; 
        filter: alpha(opacity=100);
    }

    #agents_of_mayhem_logo {
        position: absolute; 
        left: 50%;
        top: 21.6146vw; /* top: 415px;*/
        margin-left: -22.2656vw; /* margin-left: -428px; */
        width: 44.53125vw;
        max-width: 855px; 
        height: auto;
        min-width: 0%;
        min-height: 0%;
        max-height: 251px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 5;
    }

}










@media (min-width: 1681px) 
and (max-width: 1920px) { 
#testtext, #agent_descripton, #icon_abilities_1_descripton, #icon_abilities_2_descripton, #icon_abilities_3_descripton, #history_body_1 {
    font-size: 10pt;
    line-height: 20px;
}
 }

@media (min-width: 1251px) 
and (max-width: 1680px) { 
#testtext, #agent_descripton, #icon_abilities_1_descripton, #icon_abilities_2_descripton, #icon_abilities_3_descripton, #history_body_1 {
    font-size: 8pt;
    line-height: 16px;
}
 }
 
@media (min-width: 1001px) 
and (max-width: 1250px) { 
#testtext, #agent_descripton, #icon_abilities_1_descripton, #icon_abilities_2_descripton, #icon_abilities_3_descripton, #history_body_1 {
    font-size: 7.5pt;
    line-height: 14px;
}
 }
 
@media (min-width: 701px) 
and (max-width: 1000px) { 
#testtext, #agent_descripton, #icon_abilities_1_descripton, #icon_abilities_2_descripton, #icon_abilities_3_descripton, #history_body_1 {
    font-size: 7pt;
    line-height: 13px;

}
 }









/* ############################################################################# */
/* ############################################################################ */
/* ##### BREITE 1. ########################################################### */

@media (min-width: 1681px) 
and (max-width: 1920px) { 

    /* ############################################################ */
    /* ########################################################### */
    /* ##### ALLES ############################################## */


    main {
        position: relative; 
        top: 0px;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: 1920px;
        z-index: 999;
        padding: 0px;
        margin: -72px 0px 0px 0px;
        background-color: transparent;
        overflow: hidden;
    }



    /* ######################################## */
    /* SECTION 00 ############################ */
    header {
        position: relative;
        left: 50%;
        margin-left: -50vw; /* -960px; */
        top: 0px;
        height: 3.75vw; /* 72px; */
        min-height: 50px;
        width: 100vw; /* 1920px; */
        max-width: 1920px;
        z-index: 1000;
        background-color: transparent;
        background-image:url(../img/backgrounds/background_nav.png);
        background-repeat:no-repeat;
        background-position: center top;
        background-size: 100% auto;
        opacity: 0.80; 
        filter: alpha(opacity=80);
        visibility: hidden;
    }

    header:hover {
        opacity: 1.0; 
        filter: alpha(opacity=100);
    }

    #fixed_header {
        position: fixed;
        left: 50%;
        margin-left: -50vw; /* -960px; */
        top: -2.7604vw; /* -53px; */
        height: 3.75vw; /* 72px; */
        min-height: 50px;
        width: 100vw; /* 1920px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/background_nav.png);
        background-repeat:no-repeat;
        background-position: center top;
        background-size: 100% auto;
        visibility: hidden;
        cursor: pointer;
        cursor: hand;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        transition:top 0.5s;
        visibility: hidden;
    }

    #fixed_header:hover {
        top: 0px;
    }

    .fleur_de_lis {
        position: absolute;
        left: 3.75vw; /* 72px;calc(50% - 45.83vw); */
        top: 0.3646vw; /* 7px; */
        width: 1.9792vw; /* 38px; 1.9792vw */
        min-width: 26px;
        max-width: 38px;
        height: 1.9271vw; /* 37px; */
        min-height: 25px;
        max-height: 37px;
        background-color: transparent;
        background-image:url(../img/backgrounds/fleur_de_lis.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        cursor: pointer;
        cursor: hand;
        z-index: 9992;
    }

    .sn_menue_top_right {
        position: absolute;
        right: 4.0625vw; /* 78px; */
        top: 0px;
        width: 18.75vw; /* 360px; */
        height: 2.8645vw; /* 55px = real 53px; */
        background-color: transparent;
        text-align: right;
        z-index: 9986;
    }

    /* ENDE SECTION 00 ####################### */
    /* ######################################## */
    /* SECTION 01 ############################ */

    #landing_page {
        position: relative;
        top: 0px;
        width: auto;
        height: 1080px;
        max-height: 1080px;
        max-width: 1920px;
        background-color: transparent;
        padding: 0px;
        margin: 0px 0px -118px 0px;
    }

    #video_screen_texture {
        position: absolute; 
        left: 0px;
        top: 0px;
        width: 100vw; 
        height: 56.25vw;
        min-width: 100vw;
        min-height: 0%;
        max-width: 1920px;
        max-height: 1080px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        /* background-color: transparent; */
        background-image:url(../img/backgrounds/tex9.png);
        background-repeat: repeat;
        background-position: 0px 0px;
        background-size: 70px 68px;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 1; 
    }

    #video_background {
        position: relative; 
        top: 0px;
        width: 100vw; 
        height: auto;
        min-width: 0%;
        min-height: 0%;
        max-width: 1920px;
        max-height: 1080px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin: 0px;
        z-index: -1000;
    }

    #youtube_video_background {
        position: relative; 
        top: 0px;
        width: 100vw; 
        height: 56.25vw;
        min-width: 0%;
        min-height: 0%;
        max-width: 1920px;
        max-height: 1080px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin: 0px;
        z-index: -1000;

    }

    #video_replacement {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100vw; 
        height: auto;
        max-width: 1920px;
        max-height: 1080px;
        z-index: -1005;
        visibility: hidden;
    }

    #lounch_date_170818 {
        position: absolute; 
        left: 50%;
        top: 39vw; /* top: 415px;*/
        margin-left: -15vw; /* margin-left: -428px; */
        width: 30vw; /* 576px; */
        max-width: 576px; 
        height: auto;
        min-width: 0%;
        min-height: 0%;
        max-height: 50px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 6;
    }

    #lounch_date_us_170815 {
        position: absolute; 
        left: 50%;
        top: 39vw; /* top: 415px;*/
        margin-left: -14.84375vw; /* margin-left: -285px; */
        width: 29.7395vw; /* 571px; */
        max-width: 571px; 
        height: auto;
        min-width: 0%;
        min-height: 0%;
        max-height: 50px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 6;
    }

    /* ENDE SECTION 01 ####################### */
    /* ######################################## */
    /* SECTION 02 ############################ */

    #new_media_frame {
        position: absolute;
        bottom: -19.8958vw; /* -382px; */
        left: 50%;
        margin-left: -19.5313vw; /* -375px; */
        width: 39.0625vw; /* 750px; */
        height: 14.7917vw; /* 284px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/new_media_frame.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        transition:bottom 1.0s;
        visibility: hidden;
        z-index: 888;
    }

    #close_news {
        position: absolute; 
        right: 30px; 
        top: 10px; 
        width: 31px;
        height: 27px;
        cursor: pointer; 
        cursor: hand;
    }

    #news_down {
        position: absolute; 
        left: 3.125vw; /* 60px; */
        bottom: 0.8333vw; /* 16px; */
        width: 32.6042vw; /* 626px; */
        height: 2.1354vw; /* 41px; */
        cursor: pointer; 
        cursor: hand;
        background-color: transparent;
    }
    
    #pre_order_tab {
        position: absolute;
        top: -42px;
        right: -30.94vw;
        width: 30.94vw;
        max-width: 594px;
        height: 90px;
        background-color: transparent;
        background-image:url(../img/backgrounds/pre_order_tab.png);
        background-repeat:no-repeat;
        background-position: left top;
        z-index: 900;
        margin: 0px;
        transition: all 1.5s;
    }

/*
    #pre_order_tab {
        position: absolute;
        top: -42px;
        right: -30.94vw;
        width: 30.94vw;
        max-width: 594px;
        height: 90px;
        background-color: transparent;
        background-image:url(../img/backgrounds/pre_order_tab.png);
        background-repeat:no-repeat;
        background-position: left top;
        z-index: 900;
        margin: 0px;
        -webkit-animation: pre_order_tab 1.5s forwards;
        -webkit-animation-delay: 1s;
        animation: pre_order_tab 1.5s forwards;
        animation-delay: 1s;
    }

    @-webkit-keyframes pre_order_tab {
        100% { right: 0; }
    }

    @keyframes pre_order_tab {
        100% { right: 0; }
    }
*/
    #panel_feature {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100vw;
        max-width: 1920px;
        height: auto;
        background-color: transparent;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }

    #sma {
        position: relative;
        -webkit-filter: drop-shadow(4px -4px 13px #190e2d);
        filter: drop-shadow(4px -4px 13px #190e2d);
        -moz-box-shadow: 4px -4px 13px #190e2d;
        -webkit-box-shadow: (4px -4px 13px #190e2d);
        box-shadow: (4px -4px 13px #190e2d);
        z-index: 905;
    }

    #text_pre_order_now {
        position: absolute;
        top: 1.4583vw; /* 28px; */
        left: 3.177vw; /* 61px; */
        width: 9.6875vw;
        height: 1.0938vw;
        max-width: 186px;
        max-height: 21px;
        background-color: transparent;
        background-image:url(../img/backgrounds/text_out_now_186x21.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        padding: 0px;
        margin: 0px;
    }

    #latest_updates_tab {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 31.9271vw; /* 613px */
        height: 2.7083vw; /* 52px */
        background-color: transparent;
        margin: 0px;
        z-index: 2201;
    }

    #text_latest_updates {
        position: absolute;
        left: 9.4271vw; /* 181px */
        top: 0.8333vw; /* 16px */
        width: 18.9583vw;
        height: 1.6667vw; /* 32px */
        background-color: transparent;
        background-image:url(../img/backgrounds/text_latest_updates.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        padding: 0px;
        margin: 0px;
    }

    /* FEATURESTRIPE ################## */

    #featurestripe_screenshots {
        position: absolute;
        top: 0px;
        bottom: 0px;
        min-height: 10vw;
        max-height: 227px;
        width: 100%;
        height: 12vw;
        background-color: transparent;
        margin: 3.8vw 0px 0px 0px;
        padding: 0px;
        text-align: top;
        z-index: 2202;
    }

    #screenshot_left {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: calc(100vw / 4.752475247524752);
        height: calc(100vw / 8.452801686109204);
        min-width: 202px;
        min-height: 113px;
        max-width: 404px;
        background-color: transparent;
        padding: 0px;
        margin: 0px auto auto 8.2%;
        border: 0px;
        overflow: hidden;
    }

    #screenshot_center {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: calc(100vw / 4.752475247524752);
        height: calc(100vw / 8.452801686109204);
        min-width: 202px;
        min-height: 113px;
        max-width: 404px;
        background-color: transparent;
        padding: 0px;
        margin: auto auto auto auto;
        border: 0px;
        overflow: hidden;
    }

    #screenshot_right {
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: calc(100vw / 4.752475247524752);
        height: calc(100vw / 8.452801686109204);
        min-width: 202px;
        min-height: 113px;
        max-width: 404px;
        background-color: transparent;
        padding: 0px;
        margin: auto 8.2% auto auto;
        border: 0px;
        overflow: hidden;
    }

    #hotel_button {
        position: absolute;
        left: 50%;
        top: 100px;
        margin-left: -114px;
        padding: 12px 0px 0px 0px;
        width: 228px;
        height: 50px;
        background-color: #53318d;
        border-radius: 4px;
        border: 2px solid white;
        color: white;
        cursor: hand;
        cursor: pointer;
        letter-spacing: 1px;
        text-align: center;
        font-weight: bold;
        font-size: 12pt;
        z-index: 7761;
    }

    #hotel_button:hover {
        background-color: #28124d;
    }

    .infotext_screenshot {
        position: relative;
        left: 0px;
        /* top: -33%; */
        width: 100%;
        height: 30%;
        background-color: transparent;
        background-image:url(../img/backgrounds/cwhite.png);
        background-repeat:repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        font-family: 'Muli', sans-serif;
        font-size: calc(100vw / 110);
        color: black;
        text-align: center;
        padding: 11% 0px 0px 0.3125vw; /* 6px; */
        z-index: 1200;
    }

    #infotext_screenshot_left {
        position: relative;
        top: -33%;
        transition:all 1.0s;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        visibility: visible;
        /* The animated show-in is switched off (13.04.2017) according to the instructions (from 11.04.2017.) of teh ART Department (BR)
        position: relative;
        top: -5%;
        transition:all 1.0s;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        visibility: hidden;
        */
    }

    #infotext_screenshot_center {
        position: relative;
        top: -33%;
        transition:all 1.0s;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        visibility: visible;
        /*
        position: relative;
        top: -5%;
        transition:all 1.0s;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        visibility: hidden;
        */
    }

    #infotext_screenshot_right {
        position: relative;
        top: -33%;
        transition:all 1.0s;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        visibility: visible;
        /*
        position: relative;
        top: -5%;
        transition:all 1.0s;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        visibility: hidden;
        */
    }

    .infotext_h1 {
        position: absolute;
        left: 0px;
        right: 0px;
        font-weight: bold;
        color: #53318d;
        font-size: calc(100vw / 78); /* calc(100vw / 72); OLD, BIGGER ONE*/
        text-align: center;
        margin: -8% 0px 0px 0px;
    }

    .fr_infotext_h1 {
        position: absolute;
        left: 0px;
        right: 0px;
        font-weight: bold;
        color: #53318d;
        font-size: calc(100vw / 110); /* calc(100vw / 72); OLD, BIGGER ONE*/
        text-align: center;
        margin: -7% 0px 0px 0px;
    }



    .d26_screenshot {
        position: absolute; 
        left: 0px; 
        top: 0px; 
        z-index: 1280;
    }

    #boxshots_layers {
        position: absolute; 
        /* left: 256px; */
        left: 14.4791vw; /* right: 143px; = 7.4479vw = left: 13.4375vw */
        top: -146px; 
        width: 194px; 
        height: 205px;
        background-color: transparent;
        cursor: hand;
        cursor: pointer;
        margin: 0px;
        padding: 0px;
        text-align: left;
        z-index: 9199;
    }

    #d27_boxshots_layers {
        position: absolute; 
        /* left: 256px; */
        left: 256px; /* right: 143px; = 7.4479vw = left: 13.4375vw */
        top: -146px; 
        width: 194px; 
        height: 205px;
        background-color: transparent;
        cursor: hand;
        cursor: pointer;
        margin: 0px;
        padding: 0px;
        text-align: left;
        z-index: 9899;
        visibility: hidden;
    }

    #boxshot_layer_left_1 {
        position: relative; 
        left: 0px; 
        top: 0px; 
        padding: 0px; 
        margin: 0px; 
        background-color: transparent; 
        width: 2.3958vw; /* width: 46px; */ 
        height: 205px;
    }

    #boxshot_layer_center_2 {
        position: relative; 
        left: 0px; 
        top: 0px; 
        padding: 0px; 
        margin: 0px; 
        background-color: black; 
        width: 1.77083vw; /* width: 34px; */
        height: 205px;
    }

    #boxshot_layer_right_3 {
        position: relative; 
        left: 0px; 
        top: 0px; 
        padding: 0px; 
        margin: 0px; 
        background-color: fuchsia; 
        width: 5.9375vw; /* width: 114px; */
        height: 205px;
    }

    #aom_pc_3d_boxshot_pegi {
        position: absolute;
        left: 268px;
        top: -144px;
        width: 114px;
        height: 161px;
        cursor: hand;
        cursor: pointer;
        z-index: 9205;
        -webkit-animation: aom_pc_3d_boxshot_pegi 2s 1.8s 1; /* Safari 4.0 - 8.0 */
        -webkit-animation-direction: alternate;/* Safari 4.0 - 8.0 */
        box-shadow: 0 0 1px rgba(0,0,0,.05);/* Da Firefox pri animaciji ne vuce tragove! (Goran) */
        animation: aom_pc_3d_boxshot_pegi 2s 1.8s 1;
        animation-direction: alternate;
        transition:all 1.0s;
    }

    /*  The animated packshots fly-in is switched off (13.04.2014) according to the instructions of the ART Department (BR)
    
    Safari 4.0 - 8.0 
    @-webkit-keyframes aom_pc_3d_boxshot_pegi {
        0%{left: 268px;}
        30%{left: 180px;}
        100%{left: 268px;}
    
    }
    
    @keyframes aom_pc_3d_boxshot_pegi {
        0%{left: 268px;}
        30%{left: 180px;}
        100%{left: 268px;}
    }
    
    */

    #img_aom_pc_3d_boxshot_pegi {
        position: relative;
        left: 0px;
        transition:left 0.5s;
    }

    #aom_xbox_3d_boxshot_pegi {
        position: absolute;
        left: 303px;
        top: -117px;
        width: 106px;
        height: 148px;
        cursor: hand;
        cursor: pointer;
        z-index: 9206;
        transition:all 1.0s;
    }

    #img_aom_xbox_3d_boxshot_pegi {
        position: relative;
        left: 0px;
        transition:left 0.5s;
    }

    #aom_ps4_3d_boxshot_pegi {
        position: absolute;
        left: 336px;
        top: -86px;
        width: 101px;
        height: 141px;
        cursor: hand;
        cursor: pointer;
        z-index: 9207;
        -webkit-animation: aom_ps4_3d_boxshot_pegi 2s 1.8s 1; /* Safari 4.0 - 8.0 */
        -webkit-animation-direction: alternate;/* Safari 4.0 - 8.0 */
        box-shadow: 0 0 1px rgba(0,0,0,.05);/* Da Firefox pri animaciji ne vuce tragove! (Goran) */
        animation: aom_ps4_3d_boxshot_pegi 2s 1.8s 1;
        animation-direction: alternate;
        transition:all 1.0s;
    }

    /*  The animated packshots fly-in is switched off (13.04.2014) according to the instructions of the ART Department (BR)
     Safari 4.0 - 8.0 
    @-webkit-keyframes aom_ps4_3d_boxshot_pegi {
        0%{left: 336px;}
        30%{left: 425px;}
        100%{left: 336px;}
    }
    
    @keyframes aom_ps4_3d_boxshot_pegi {
        0%{left: 336px;}
        30%{left: 425px;}
        100%{left: 336px;}
    }
    */


    #img_aom_ps4_3d_boxshot_pegi {
        position: relative;
        z-index: 9208;
    }


    /* ENDE SECTION 02 ####################### */
    /* ######################################## */
    /* SECTION 03 ############################ */

    #story_page {
        position: relative;
        top: auto; /* auto; */
        width: 100%;
        height: 100%;
        max-height: 1080px;
        max-width: 1920px;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    #agents_page {
        position: relative;
        top: auto; /* auto; */
        width: 100%;
        height: 100%;
        max-height: 1080px;
        max-width: 1920px;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        overflow-y: hidden;
        overflow-x: hidden;
        border-top: 0.2604vw solid white;
        text-align: center;
        box-shadow: 0.2083vw -0.2083vw 0.67708vw #05000e;
        z-index: 1003;
    }

    #shop_page {
        position: relative;
        top: auto; /* auto; */
        width: 100%;
        height: 100%;
        max-height: 1080px;
        max-width: 1920px;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        overflow-y: hidden;
        overflow-x: hidden;
        border-top: 0.2604vw solid white;
        text-align: center;
        box-shadow: 0.2083vw -0.2083vw 0.67708vw #05000e;
        z-index: 1003;
    }

    #bad_vs_evel {
        position: absolute;
        left: 50%;
        margin-left: -16.25vw; 
        top: 10.4167vw; 
        width: 32.4479vw; 
        height: 16.5625vw; 
        background-color: transparent;
        background-image:url(../img/backgrounds/bad_vs_evel.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 2.5s;
    }



    #fight_em {
        position: absolute;
        left: 50%;
        margin-left: -31.25vw; /* margin-left: -600px; margin-left: -376px; */
        top: 22.6563vw; /* top: 435px; */
        width: 19.4271vw; /* width: 373px; */
        height: 4.3229vw; /* height: 83px; */
        background-color: transparent;
        background-image: url(../img/backgrounds/fight_em.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 1.5s;
    }

    #fight_em_2 {
        position: absolute;
        left: 50%;
        margin-left: -19.3229vw; /* -18.6979vw; margin-left: -359px; margin-left: -376px; */
        top: 22.6563vw; /* top: 435px; */
        width: 19.4792vw; /* width: 374px; */
        height: 4.3229vw; /* height: 83px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/fight_em_2.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        transition:all 1.5s;
        visibility: hidden;
    }

    #fight_em_2:hover {
        filter: saturate(240%) brightness(190%);
        cursor: hand;
        cursor: pointer;
    }

    #play_em {
        position: absolute;
        left: 50%;
        margin-left: 31.25vw;/* margin-left: 376px; */
        top: 22.6563vw; /* top: 435px; */
        width: 19.4792vw; /* width: 374px; */
        height: 4.3229vw; /* height: 83px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/play_em.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 1.5s;
    }

    #play_em:hover {
        filter: saturate(240%) brightness(190%);
        cursor: hand;
        cursor: pointer;
    }

    #play_em_2 {
        position: absolute;
        left: 50%;
        margin-left: 0px; /* margin-left: -12px; -0.625vw margin-left: -376px; */
        top: 22.6563vw; /* top: 435px; */
        width: 19.4271vw; /* width: 373px; */
        height: 4.3229vw; /* height: 83px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/play_em_2.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 0.7s;
        visibility: hidden;
    }

    #story_page_panel_ui {
        position: absolute;
        left: 50%;
        margin-left: -42.6563vw; /* margin-left: -819px; */
        bottom: -24.1667vw; /* bottom: -464px; */
        width: 85.2604vw; /* width: 1637px; */
        height: 24.5313vw; /* height: 471px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/story_page_panel_ui.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 1.0s;
    }

    #b_story_page_panel_ui {
        position: absolute;
        left: 50%;
        margin-left: -42.6563vw; /* margin-left: -819px; */
        bottom: -24.1667vw; /* bottom: -464px; */
        width: 85.2604vw; /* width: 1637px; */
        height: 24.5313vw; /* height: 471px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/story_page_panel_ui.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 1.0s;
    }

    #story_page_panel_content {
        position: absolute;
        left: 0px;
        top: 0px; 
        width: 85.2604vw; /* 1637px; */
        height: 24.5313vw; /* 471px; */
        background-color: transparent;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 2.5s;
    }

    #b_story_page_panel_content {
        position: absolute;
        left: 0px;
        top: 0px; 
        width: 85.2604vw; /* 1637px; */
        height: 24.5313vw; /* 471px; */
        background-color: transparent;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 2.5s;
    }

    #story_page_pe_01 {
        position: absolute;
        left: 5.1563vw; /* 99px; */
        top: 4.1146vw; /* 79px; */
        width: 16.4063vw; /* 315px; */
        height: 20.4167vw; /* 392px; */
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

    #b_story_page_pe_01 {
        position: absolute;
        left: 26.3021vw; /* 505px; */
        top: 4.1146vw; /* 79px; */
        width: 16.4063vw; /* 315px; */
        height: 20.4167vw; /* 392px; */
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

    .story_page_text, .agenttab_body, .ability_desc {
        font-family: 'Muli', sans-serif;
        font-size: 13pt;
        color: white;
        line-height: 22px; /* 1.1458vw */
        margin: 16px 0px 0px 0px;
    }

    #story_page_pe_02 {
        position: absolute;
        left: 24.1667vw; /* 464px; */
        top: 4.1146vw; /* 79px; */
        width: 16.4063vw; /* 315px; */
        height: 20.4167vw; /* 392px;*/
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

    #b_story_page_pe_02 {
        position: absolute;
        left: 45.3125vw; /* 870px; */
        top: 4.1146vw; /* 79px; */
        width: 16.4063vw; /* 315px; */
        height: 20.4167vw; /* 392px;*/
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }


    #story_page_pe_03 {
        position: absolute;
        left: 43.1771vw; /* 829px; */
        top: 4.1146vw; /* 79px; */
        width: 16.4063vw; /* 315px; */
        height: 20.4167vw; /* 392px;*/
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

    #b_story_page_pe_03 {
        position: absolute;
        left: 64.3229vw; /* 1235px; */
        top: 4.0625vw; /* 78px; */
        width: 16.4063vw; /* 315px; */
        height: 20.4167vw; /* 392px;*/
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

    .img_story_page_saturate:hover {
        filter: saturate(140%) brightness(130%);
        cursor: hand;
        cursor: pointer;
    }

    #streifen_y_rechts {
        position: absolute;
        left: 63.0208vw; /* 1210px; */
        top: 0.3125vw; /* 60px; */
        width: 3px;
        height: 19.1146vw; /* 367px;*/
        background-color: white;
        padding: 0px;
        opacity: 0.56; 
        filter: alpha(opacity=56);
    }

    #b_streifen_y_rechts {
        position: absolute;
        left: 22.7083vw; /* 436px; */
        top: 0.3125vw; /* 60px; */
        width: 3px;
        height: 19.1146vw; /* 367px;*/
        background-color: white;
        padding: 0px;
        opacity: 0.56; 
        filter: alpha(opacity=56);
    }

    #story_page_pe_04 {
        position: absolute;
        left: 66.9271vw; /* 1285px; */
        top: 4.1146vw; 
        width: 13.8021vw; /* 265px; */
        height: 20.4167vw; /* 392px;*/
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        text-align: left;
    }

    #b_story_page_pe_04 {
        position: absolute;
        left: 5.1563vw; /* 99px; */
        top: 4.1146vw; /* 79px; */
        width: 1.3802vw; /* 265px; */
        height: 20.4167vw; /* 392px; */
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        text-align: left;
    }

    #img_story_page_pe_04_ueber {
        width: 11.7708vw; /* 226px; */
        height: auto;
        left: 0px;
        top: 0px;
        background-color: transparent;
    }

    #b_img_story_page_pe_04_ueber {
        width: 9.8958vw; /* 190px; */
        height: auto;
        left: 0px;
        top: 0px;
        background-color: transparent;
    }

    #story_page_pe_04_text {
        width: 15.625vw; /* 300px; */
        font-family: 'Muli', sans-serif;
        font-size: 13pt;
        color: white;
        line-height: 22px;
        margin: 16px 0px 0px 0px;
        text-align: left;
    }

    #b_story_page_pe_04_text {
        width: 15.625vw; /* 300px; */
        font-family: 'Muli', sans-serif;
        font-size: 13pt;
        color: white;
        line-height: 22px;
        margin: 16px 0px 0px 0px;
        text-align: left;
    }

    #carousel_5 {
        position: absolute;
        left: 50%;
        margin-left: -18.1771vw; /* -349px;*/
        top: 0.1563vw; /* 3px=0.1563vw40px=2.0833vw; */
        width: 36.3542vw; /* 698px; */
        height: 13.5417vw; /* 260px; */
        max-height: 260px;
        background-color: transparent;
        clip: rect(0px,36.3542vw,11.3021vw,0px); /* 36.3542vw 9.375vw*/
        padding: 1.9vw 0px 0px 0px;
        cursor: hand;
        cursor: pointer;
        overflow-y: visible;
    }

    #over_carousel {
        position: absolute; 
        left: 0px; 
        top: 0px;
    }

    .lightboxenabler {
        position: absolute;
        left: 216px;
        top: 2px;
        width: 266px;
        height: 144px;
        background-color: transparent;
        opacity: 0.50; 
        filter: alpha(opacity=50);
        z-index: 8000;
        visibility: hidden;
    }

    #navigation_points {
        position: fixed;
        left: 4vw;
        top: calc(50vh - 77px);
        width: 27px;
        height: 153px;
        max-width: 27px;
        max-height: 153px;
        background-color: transparent;
        background-image:url(../img/backgrounds/navigation_points.png);
        background-repeat:no-repeat;
        background-position: left top;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        z-index: 9994;
        visibility: hidden;

    }

    #selected_navigation_point_01 {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 27px;
        height: 27px;
        background-color: transparent;
        background-image:url(../img/backgrounds/selected_navigation_point.png);
        background-repeat:no-repeat;
        background-position: 3px 3px;
        background-size: 21px 21px;
        cursor: pointer;
        cursor: hand;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        z-index: 9995;
    }

    #selected_navigation_point_01:hover {
        opacity: 0.24; 
        filter: alpha(opacity=24);
    }

    #selected_navigation_point_02 {
        position: absolute;
        left: 0px;
        top: 42px;
        width: 27px;
        height: 27px;
        background-color: transparent;
        background-image:url(../img/backgrounds/selected_navigation_point.png);
        background-repeat:no-repeat;
        background-position: 3px 3px;
        background-size: 21px 21px;
        cursor: pointer;
        cursor: hand;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        z-index: 9996;
    }

    #selected_navigation_point_02:hover {
        opacity: 0.24; 
        filter: alpha(opacity=24);
    }

    #selected_navigation_point_03 {
        position: absolute;
        left: 0px;
        top: 84px;
        width: 27px;
        height: 27px;
        background-color: transparent;
        background-image:url(../img/backgrounds/selected_navigation_point.png);
        background-repeat:no-repeat;
        background-position: 3px 3px;
        background-size: 21px 21px;
        cursor: pointer;
        cursor: hand;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        z-index: 9997;
    }

    #selected_navigation_point_03:hover {
        opacity: 0.24; 
        filter: alpha(opacity=24);
    }

    #selected_navigation_point_04 {
        position: absolute;
        left: 0px;
        top: 126px;
        width: 27px;
        height: 27px;
        background-color: transparent;
        background-image:url(../img/backgrounds/selected_navigation_point.png);
        background-repeat:no-repeat;
        background-position: 3px 3px;
        background-size: 21px 21px;
        cursor: help;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        z-index: 9998;
    }

    #selected_navigation_point_04:hover {
        opacity: 0.24; 
        filter: alpha(opacity=24);
    }

    #verdeck {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 27px;
        height: 27px;
        background-color: red;
        background-image:url(../img/backgrounds/selected_navigation_point.png);
        background-repeat:no-repeat;
        background-position: 3px 3px;
        background-size: 21px 21px;
        z-index: 9999;
    }

    /* ########################################################################################################### */
    /* AGENTS SECTION ########################################################################################### */

    #agents_setcard {
        position: absolute;
        left: 0px;
        bottom: -49.5833vw; /* -952px; */
        width: 100%;
        height: 49.5833vw;
        background-color: transparent;
        background-image: url(../img/backgrounds/aom_setcard_1920x952_170307.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        transition:all 1.0s;
        z-index: 77;
    }

    #agents_info_tab {
        position: absolute;
        left: 7.76041vw; /* 149px; */
        bottom: 0px; /* -952px; */
        width: 43.9583vw; /* 844px; */
        height: 43.9583vw;  /* 844px; */
        background-color: transparent;
        background-image: url(../img/backgrounds/agents_info_tab.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        transition:all 1.0s;
        z-index: 79;
    }
  
    #testtext {
        position: absolute;
        left: 0px;
        top: 8.3333vw; /* 160px; */
        width: 26.0416vw; /* 500px; */ 
        height: 2.0833vw; /* 40px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
        color: white;
        font-style: italic;
        letter-spacing: 1px;
        font-weight: bold;
        font-size: auto;
    }

    #first_test {
        position: absolute;
        left: 50%;
        margin-left: -17.65625vw; /* -339px; */
        top: 35.52vw; /* 691px; */
        width: 12.1354vw; /* 233px; */
        height: 16.5104vw; /* 317px; */
        background-color: transparent;
        background-image: url(../img/backgrounds/first_test.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        -webkit-animation: first_test 2.0s linear infinite;
        -moz-animation: first_test 2.0s linear infinite;
        -ms-animation: first_test 2.0s linear infinite;
        -o-animation: first_test 2.0s linear infinite;
        animation: first_test 2.0s linear infinite;
        cursor: pointer;
        cursor: hand;
        opacity: 0.0; 
        filter: alpha(opacity=0);
    }

    @keyframes first_test {
        0% { -webkit-filter: brightness(220%); filter: brightness(220%);}
        50% { -webkit-filter: brightness(100%); filter: brightness(100%);}
        100% { -webkit-filter: brightness(220%); filter: brightness(220%);}
    }

    @-webkit-keyframes first_test {
        0% { -webkit-filter: brightness(220%); filter: brightness(220%);}
        50% { -webkit-filter: brightness(100%); filter: brightness(100%);}
        100% { -webkit-filter: brightness(220%); filter: brightness(220%);}
    }

    #first_test:hover {
        opacity: 1.0; 
        filter: alpha(opacity=100);		   
    }

    .blink:after{
        position: absolute;
        left: 50%;
        top: 1.5625vw; /* 30px; */
        margin-left: -1.3021vw; /* -25px; */
        content: "";
        width: 2.0833vw; /* 40px; */
        height: 2.0833vw; /* 40px; */
        cursor: pointer;
        cursor: hand;
        border: 0 solid transparent;
        border-right: 0.625vw solid #ded3ff; /* 0.625vw = 12px Im unteren Beispiel .0625rem */
        border-bottom: 0.625vw solid #ded3ff; /* Im unteren Beispiel .0625rem */
        transform: rotate(45deg);
    }

    #agent_h1_name {
        position: absolute;
        left: 6.4583vw; /* 124px; */
        top: 3.4896vw; /* 67px; */
        width: 31.1458vw; /* 598px; */
        height: 3.1250vw; /* 54px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 3.1250vw; /* 60px; 44pt; */
        font-weight: 400;
        font-stretch: ultra-condensed;
        color: white;
        line-height: 3.1250vw; /* 50px; */
        padding: 0px;
        text-align: left;
    }

    #agent_real_name {
        position: relative;
        left: 0.5208vw; /* 10px; */
        top: -0.7292vw; /* 14px; */
        width: auto;
        height: 1.5104vw; /* 29px; */
        max-height: 1.5104vw; /* 29px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 1.875vw; /* 27pt; */
        font-weight: 400;
        font-stretch: ultra-condensed;
        color: white;
        line-height: 1.5104vw; /* 29px; */
        padding: 0px 0px 7px 0px;
        margin: 0px 0px 0px 0px;
        text-align: left;
        border-bottom: 2px solid white;
        display: inline-block;
        vertical-align: middle;    
    }

    #agent_h2_name {
        position: absolute;
        left: 6.4583vw; /* 124px; */
        top: 7.7083vw; /* 148px; */
        width: 30.4167vw; /* 584px; */
        height: 2.7083vw; /* 52px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 2.0833vw; /* 30pt; */
        font-weight: 400;
        font-style: italic;
        font-stretch: ultra-condensed;
        color: white;
        line-height: 2.6042vw; /* 50px; */
        padding: 0px 0px 0.3646vw 0.7292vw; /* padding: 0px 0px 7px 14px; */
        text-align: left;
    }

    #agent_descripton {
        position: absolute;
        left: 6.4583vw; /* 124px; */
        top: 11.1979vw; /* 215px; */
        width: 30.9896vw; /* 595px; */
        height: 4.0104vw; /* 77px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
 /*     font-size: 10pt; 12pt; */
 /*     line-height: 20px; 20px; */
        font-weight: 400;
        color: white;
        padding: 0px 0px 0px 0.1563vw; /* padding: 0px 0px 0px 3px; */
        text-align: left;
    }

    #agent_h1_abilities {
        position: absolute; 
        left: 6.5104vw; /* 125px; */
        top: 15.3125vw; /* 294px; */
        width: 10.3125vw; /* 198px; */
        height: 3.8542vw; /* 74px; */
        background-color: #1f1233;
        font-family: 'Oswald', sans-serif;
        font-size: 1.875vw; /* 27pt; */
        font-weight: 400;
        font-style: italic;
        font-stretch: ultra-condensed;
        color: white;
        line-height: 3.8542vw; /* 74px; */
        vertical-align: middle;
        text-align: center;
    }

    #over_agent_h1_abilities {
        position: absolute; 
        left: 6.5104vw; /* 125px; */
        top: 15.3125vw; /* 294px; */
        width: 10.3125vw; /* 198px; */
        height: 3.8542vw; /* 74px; */
        background-color: transparent;
    }

    #abilities_body_1 {
        position: absolute;
        left: 9.6875vw; /* 186px; */
        top: 21.1979vw; /* 407px; */
        width: 26.0417vw; /* 500px; */
        height: 21.3542vw; /* 410px; */
        background-color: transparent;
        padding: 0px;
        z-index: 9675;
    } 

    #icon_abilities_1 {
        position: absolute; 
        left: 0px; 
        top: 0px; 
        width: 4.3229vw; /* 83px; */
        height: 4.3229vw; /* 83px; */
        background-color: transparent;
    }

    #icon_abilities_1_h1 {
        position: absolute; 
        left: 6.9271vw; /* 133px; */
        top: 0.3646vw; /* 7px; */
        width: auto; 
        height: 0.9375vw; /* 18px; */ 
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 1.1458vw; /* 16pt; */
        font-weight: 700;
        font-style: italic;
        font-stretch: ultra-expanded;
        letter-spacing: 1px;
        line-height: 0.9375vw; /* 18px; */ 
        color: white;
        padding: 0px;
        margin: 0px;
        display: inline-block;
        vertical-align: middle;    
    } 

    #icon_abilities_1_descripton {
        position: absolute;
        left: 6.9271vw; /* 133px; */
        top: 1.8229vw; /* 35px; */
        width: 18.7500vw; /* 360px; */
        height: 3.1250vw; /* 60px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
/*      font-size: 10pt; 12pt; */
/*      line-height: 20px; 20px; */
        font-weight: 400;
        color: white;
        padding: 0px;
        text-align: left; 
    }   

    #icon_abilities_2 {
        position: absolute; 
        left: 0px; 
        top: 7.9167vw; /* 152px; */
        width: 4.3229vw; /* 83px; */
        height: 4.3229vw; /* 83px; */
        background-color: transparent;
    }

    #icon_abilities_2_h1 {
        position: absolute; 
        left: 6.9271vw; /* 133px; */
        top: 8.2813vw; /* 159px; */
        width: auto; 
        height: 0.9375vw; /* 18px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 1.1458vw; /* 16pt; */
        font-weight: 700;
        font-style: italic;
        font-stretch: ultra-expanded;
        letter-spacing: 1px;
        line-height: 0.9375vw; /* 18px; */
        color: white;
        padding: 0px;
        margin: 0px;
        display: inline-block;
        vertical-align: middle;    
    } 

    #icon_abilities_2_descripton {
        position: absolute;
        left: 6.9271vw; /* 133px; */
        top: 9.7396vw; /* 187px; */
        width: 18.7500vw; /* 360px; */
        height: 3.1250vw; /* 60px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
/*      font-size: 10pt; 12pt; */
/*      line-height: 20px; 20px; */
        font-weight: 400;
        color: white;
        padding: 0px;
        text-align: left; 
    } 

    #icon_abilities_3 {
        position: absolute; 
        left: 0px; 
        top: 15.8333vw; /* 304px; */
        width: 4.3229vw; /* 83px; */
        height: 4.3229vw; /* 83px; */
        background-color: transparent;
    }

    #icon_abilities_3_h1 {
        position: absolute; 
        left: 6.9271vw; /* 133px; */
        top: 16.1979vw; /* 311px; */
        width: auto; 
        height: 0.9375vw; /* 18px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 1.1458vw; /* 16pt; */
        font-weight: 700;
        font-style: italic;
        font-stretch: ultra-expanded;
        letter-spacing: 1px;
        line-height: 0.9375vw; /* 18px; */
        color: white;
        padding: 0px;
        margin: 0px;
        display: inline-block;
        vertical-align: middle;    
    } 

    #icon_abilities_3_descripton {
        position: absolute;
        left: 6.9271vw; /* 133px; */
        top: 17.6563vw; /* 339px; */
        width: 18.7500vw; /* 360px; */
        height: 3.1250vw; /* 60px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
/*      font-size: 10pt; 12pt; */
/*      line-height: 20px; 20px; */
        font-weight: 400;
        color: white;
        padding: 0px;
        text-align: left; 
    } 

    #agent_h1_history {
        position: absolute; 
        left: 16.8229vw; /* 323px; */
        top: 15.3125vw; /* 294px; */
        width: 10.3125vw; /* 198px; */
        height: 3.8542vw; /* 74px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 1.875vw; /* 27pt; */
        font-weight: 400;
        font-style: italic;
        font-stretch: ultra-condensed;
        color: white;
        line-height: 3.8542vw; /* 74px; */
        vertical-align: middle;
        text-align: center;
    }

    #over_agent_h1_history {
        position: absolute; 
        left: 16.8229vw; /* 323px; */
        top: 15.3125vw; /* 294px; */
        width: 10.3125vw; /* 198px; */
        height: 3.8542vw; /* 74px; */ 
        background-color: transparent;
    }

    .whitesh2 {
        background-color: transparent;
        opacity: 0.15; 
        filter: alpha(opacity=15);
    } 

    .whitesh2:hover {
        background-color: white;
        cursor: pointer;
        cursor: hand;
    }  

    

    #history_body_1 {
        position: absolute;
        left: 11.4583vw; /* 220px; */
        top: 21.3021vw; /* 409px; */ 
        width: 21.3542vw; /* 410px; */
        height: 20.8333vw; /* 400px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
/*      font-size: 10pt; 12pt; */
/*      line-height: 20px;  20px; */
        font-weight: 400;
        color: white;
        padding: 0px;
        text-align: center; 
        visibility: hidden;
    }   

    /* END AGENTS SECTION ######################################################################################## */
    /* ############################################################################################################ */ 

    footer {
        position: relative; 
        top: 0px;
        height: 100%; /* 26.0416vw;  500px; */
        min-width: 100%;
        min-height: 100%;
        max-height: 500px;
        max-width: 1920px;
        margin: -10px 0px 0px 0px;
        padding: 0px;
        background-color: #05000e;
        border-top: 5px solid white;
        text-align: center;
        -webkit-filter: drop-shadow(4px -4px 13px #05000e);
        filter: drop-shadow(4px -4px 13px #05000e);
        -moz-box-shadow: 4px -4px 13px #05000e;
        -webkit-box-shadow: (4px -4px 13px #05000e);
        box-shadow: (4px -4px 13px #05000e);
        z-index: 1004;
    }

    #footer_page {
        visibility: hidden;
    }

    #ps4 {
        position: absolute; 
        left: 110px; 
        top: 75px; 
        width: 500px; 
        height: 60px; 
        background-color: transparent;
    }

    #usk {
        position: absolute; 
        right: -121px; 
        top: 35px; 
        width: 425px; 
        height: 100px; 
        background-color: transparent;
    }

    #d26_ps4 {
        position: absolute; 
        left: 100px; 
        top: 0px; 
        width: 480px; 
        height: 60px; 
        background-color: transparent;
        background-image:url(../img/footer_platform_logos.png);
        background-repeat:no-repeat;
        background-position: left top;
        background-size: 100% auto;
    }

    #img_ps4 {
        position: absolute; 
        left: 100px; 
        top: 0px; 
        width: 480px; 
        height: 60px; 
        background-color: transparent;
    }


 

    #zdesno{ 
        position: relative;
        margin: 0px 14px -2px 14px;
    }



    /* ##### ENDE ALLES ######################################### */
    /* ########################################################### */
    /* ############################################################ */


}



/* ##### ENDE BREITE 1. [ min-width: 1681px ] ################################ */
/* ############################################################################ */
/* ############################################################################# */

/* ############################################################################# */
/* ############################################################################ */
/* ##### BREITE 2. ########################################################### */


@media (min-width: 701px) and (max-width: 1680px) { 



    /* ############################################################ */
    /* ########################################################### */
    /* ##### ALLES ############################################## */


    main {
        position: relative; 
        top: 0px;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: 1920px;
        z-index: 999;
        padding: 0px;
        margin: -72px 0px 0px 0px;
        background-color: transparent;
        overflow: hidden;

    }

    /* ######################################## */
    /* SECTION 00 ############################ */
    header {
        position: absolute;
        left: 50%;
        margin-left: -50vw; /* -960px; */
        top: 0px;
        height: 3.75vw; /* 72px; */
        min-height: 40px;
        width: 100vw; /* 1920px; */
        max-width: 1920px;
        z-index: 1000;
        background-color: transparent;
        background-image:url(../img/backgrounds/background_nav.png);
        background-repeat:no-repeat;
        background-position: center top;
        background-size: auto 100%;
        opacity: 0.80; 
        filter: alpha(opacity=80);
    }

    header:hover {
        opacity: 1.0; 
        filter: alpha(opacity=100);
    }


    #fixed_header {
        position: fixed;
        left: 50%;
        margin-left: -50vw; /* -960px; */
        top: -2.7604vw; /* -53px; -2.7604vw */
        height: 3.75vw; /* 72px; */
        min-height: 36px;
        width: 100vw; /* 1920px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/background_nav.png);
        background-repeat:no-repeat;
        background-position: center top;
        background-size: auto 100%;
        visibility: hidden;
        cursor: pointer;
        cursor: hand;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        transition:top 0.5s;
    }

    #fixed_header:hover {
        top: 0px;
    }

    .fleur_de_lis {
        position: absolute;
        left: 3.75vw; /* 72px;calc(50% - 45.83vw); */
        top: 0.3646vw; /* 7px; */
        width: 1.9792vw; /* 38px; 1.9792vw */
        min-width: 26px;
        max-width: 38px;
        height: 1.9271vw; /* 37px; */
        min-height: 25px;
        max-height: 37px;
        background-color: transparent;
        background-image:url(../img/backgrounds/fleur_de_lis.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        cursor: pointer;
        cursor: hand;
        z-index: 9992;
    }

    .sn_menue_top_right {
        position: absolute;
        right: 4.0625vw; /* 78px; */
        top: 0px;
        width: 28vw; /* 360px; */
        height: 2.8645vw; /* 55px = real 53px; */
        height: 3.4vw; /* 55px = real 53px; */
        background-color: transparent;
        text-align: right;
        z-index: 9986;
    }


    /* ENDE SECTION 00 ####################### */
    /* ######################################## */
    /* SECTION 01 ############################ */

    #landing_page {
        position: relative;
        top: 0px;
        width: auto;
        height: 1080;
        max-height: 1080px;
        max-width: 1920px;
        background-color: transparent;
        padding: 0px;
        margin: 0px 0px -118px 0px;
    }

    #video_screen_texture {
        position: absolute; 
        left: 0px;
        top: 0px;
        width: 100vw; 
        height: 56.25vw;
        min-width: 100vw;
        min-height: 0%;
        max-width: 1920px;
        max-height: 1080px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        /* background-color: transparent; */
        background-image:url(../img/backgrounds/tex9.png);
        background-repeat: repeat;
        background-position: 0px 0px;
        background-size: 70px 68px;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 1; 
    }

    #video_background {
        position: relative; 
        top: 0px;
        width: 100vw; 
        height: auto;
        min-width: 0%;
        min-height: 0%;
        max-width: 1920px;
        max-height: 1080px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin: 0px;
        z-index: -1000;
    }

    #youtube_video_background {
        position: relative; 
        top: 0px;
        width: 100vw; 
        height: 56.25vw;
        min-width: 0%;
        min-height: 0%;
        max-width: 1920px;
        max-height: 1080px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin: 0px;
        z-index: -1000;


    }

    #video_replacement {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100vw; 
        height: auto;
        max-width: 1920px;
        max-height: 1080px;
        z-index: -1005;
        visibility: hidden;
    }

    #new_media_frame {
        position: absolute;
        bottom: -19.8958vw;/* -382px; */
        left: 50%;
        margin-left: -19.5313vw; /* -375px; */
        width: 39.0625vw; /* 750px; */
        height: 14.7917vw; /* 284px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/new_media_frame.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        transition:bottom 1.0s;
        visibility: hidden;
        z-index: 888;
    }

    #lounch_date_170818 {
        position: absolute; 
        left: 50%;
        top: 39vw; /* top: 415px;*/
        margin-left: -15vw; /* margin-left: -428px; */
        width: 30vw; /* 576px; */
        max-width: 576px; 
        height: auto;
        min-width: 0%;
        min-height: 0%;
        max-height: 50px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 6;
    }

    #lounch_date_us_170815 {
        position: absolute; 
        left: 50%;
        top: 39vw; /* top: 415px;*/
        margin-left: -14.84375vw; /* margin-left: -285px; */
        width: 29.7395vw; /* 571px; */
        max-width: 571px; 
        height: auto;
        min-width: 0%;
        min-height: 0%;
        max-height: 50px;
        overflow-x: hidden;
        overflow-y: hidden;
        visibility: visible;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 6;
    }

    #close_news {
        position: absolute; 
        right: 1.5625vw; /* 30px; */
        top: 0.5208vw; /* 10px; */
        width: 1.6146vw; /* 31px; */
        height: 1.4063; /* 27px; */
        cursor: pointer; 
        cursor: hand;
    }

    #news_down {
        position: absolute; 
        left: 3.125vw; /* 60px; */
        bottom: 0.8333vw; /* 16px; */
        width: 32.6042vw; /* 626px; */
        height: 2.1354vw; /* 41px; */
        cursor: pointer; 
        cursor: hand;
        background-color: transparent;
    }

    #pre_order_tab {
        position: absolute;
        top: -2.1875vw;
        right: -30.9375vw;
        width: 30.9375vw;
        max-width: 594px;
        height: 4.6875vw;
        background-color: transparent;
        background-image:url(../img/backgrounds/pre_order_tab.png);
        background-repeat:no-repeat;
        background-position: left top;
        background-size: 100% 100%;
        z-index: 900;
        transition: all 1.5s;
    }

    /*
    #pre_order_tab {
        position: absolute;
        top: -2.1875vw;
        right: -30.9375vw;
        width: 30.9375vw;
        max-width: 594px;
        height: 4.6875vw;
        background-color: transparent;
        background-image:url(../img/backgrounds/pre_order_tab.png);
        background-repeat:no-repeat;
        background-position: left top;
        background-size: 100% 100%;
        z-index: 900;
        margin: 0px;
        -webkit-animation: pre_order_tab 1.5s forwards;
        -webkit-animation-delay: 1s;
        animation: pre_order_tab 1.5s forwards;
        animation-delay: 1s;
    }

    @-webkit-keyframes pre_order_tab {
        100% { right: 0; }
    }

    @keyframes pre_order_tab {
        100% { right: 0; }
    }
 */
    #panel_feature {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100vw;
        max-width: 1920px;
        height: auto;
        background-color: transparent;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }
   

    #sma {
        position: relative;
        -webkit-filter: drop-shadow(4px -4px 13px #190e2d);
        filter: drop-shadow(4px -4px 13px #190e2d);
        -moz-box-shadow: 4px -4px 13px #190e2d;
        -webkit-box-shadow: (4px -4px 13px #190e2d);
        box-shadow: (4px -4px 13px #190e2d);
        z-index: 905;
    }

    #text_pre_order_now {
        position: absolute;
        top: 1.4583vw; /* 40px */
        left: 3.17708vw;
        width: 10.15625vw; /* 195px */
        height: 100%;
        background-color: transparent;
        background-image:url(../img/backgrounds/text_order_now.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        padding: 0px;
        margin: 0px;
    }

    #latest_updates_tab {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 31.9271vw; /* 613px */
        height: 2.7083vw; /* 52px */
        background-color: transparent;
        margin: 0px;
        z-index: 2201;
    }

    #text_latest_updates {
        position: absolute;
        left: 9.4271vw; /* 181px */
        top: 0.8333vw; /* 16px */
        width: 18.9583vw;
        height: 1.6667vw; /* 32px */
        background-color: transparent;
        background-image:url(../img/backgrounds/text_latest_updates.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        padding: 0px;
        margin: 0px;
    }

    /* FEATURESTRIPE ################## */

    #featurestripe_screenshots {
        position: absolute;
        top: -1vw; /* top: 73px; */
        bottom: 0px;
        min-height: 113px;
        max-height: 227px;
        width: 100%;
        height: 14vw;
        background-color: transparent;
        margin: 3.8% 0px 0px 0px;
        padding: 0px;
        text-align: top;
        z-index: 2202;
    }

    #screenshot_left {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 21.0417vw; /* 404px; */
        height: 11.8229vw; /* 227px; */
        max-width: 404px;
        background-color: transparent;
        padding: 0px;
        margin: 1vw auto auto 8.2%;
        border: 0px;
        overflow: hidden;
    }

    #screenshot_center {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 21.0417vw; /* 404px; */
        height: 11.8229vw; /* 227px; */
        max-width: 404px;
        background-color: transparent;
        padding: 0px;
        margin: 1vw auto 0px auto;
        border: 0px;
        overflow: hidden;
    }

    #screenshot_right {
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 21.0417vw; /* 404px; */
        height: 11.8229vw; /* 227px; */
        max-width: 404px;
        background-color: transparent;
        padding: 0px;
        margin: 1vw 8.2% auto auto;
        border: 0px;
        overflow: hidden;
    }



    #hotel_button {
        position: absolute;
        left: 50%;
        top: 100px;
        margin-left: -114px;
        padding: 12px 0px 0px 0px;
        width: 228px;
        height: 50px;
        background-color: #53318d;
        border-radius: 4px;
        border: 2px solid white;
        color: white;
        cursor: hand;
        cursor: pointer;
        letter-spacing: 1px;
        text-align: center;
        font-weight: bold;
        font-size: 12pt;
        z-index: 7761;
    }

    #hotel_button:hover {
        background-color: #28124d;
    }

    .infotext_screenshot {
        position: relative;
        left: 0px;
        width: 100%;
        height: 30%;
        background-color: transparent;
        background-image:url(../img/backgrounds/cwhite.png);
        background-repeat:repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        font-family: 'Muli', sans-serif;
        font-size: calc(100vw / 110);
        color: black;
        text-align: center;
        padding: 11% 0px 0px 0.3125vw; /* 6px; */
        z-index: 1200;
    }


    #infotext_screenshot_left {
        position: relative;
        top: -33%;
        transition:all 1.0s;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        visibility: visible;
        /*
        position: relative;
        top: -5%;
        transition:all 1.0s;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        visibility: hidden;
        */
    }

    #infotext_screenshot_center {
        position: relative;
        position: relative;
        top: -33%;
        transition:all 1.0s;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        visibility: visible;
        /*
        position: relative;
        top: -5%;
        transition:all 1.0s;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        visibility: hidden;
        */
    }

    #infotext_screenshot_right {
        position: relative;
        top: -33%;
        transition:all 1.0s;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        visibility: visible;
        /*
        position: relative;
        top: -5%;
        transition:all 1.0s;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        visibility: hidden;
        */
    }

    .infotext_h1 {
        position: absolute;
        left: 0px;
        right: 0px;
        font-weight: bold;
        color: #53318d;
        font-size: calc(100vw / 78);
        text-align: center;
        margin: -8% 0px 0px 0px;
    }

    .fr_infotext_h1 {
        position: absolute;
        left: 0px;
        right: 0px;
        font-weight: bold;
        color: #53318d;
        font-size: calc(100vw / 110); /* calc(100vw / 72); OLD, BIGGER ONE*/
        text-align: center;
        margin: -7% 0px 0px 0px;
    }

    .d26_screenshot {
        position: absolute; 
        left: 0px; 
        top: 0px; 
        z-index: 1280;
    }

    #boxshots_layers {
        position: absolute; 
        left: 14.4791vw; /* = 256px */
        top: -7.6042vw; /* top: -146px; */
        width: 10.0521vw; 
        height: 10.6771vw; /* height: 205px; */
        background-color: transparent;
        cursor: hand;
        cursor: pointer;
        margin: 0px;
        padding: 0px;
        z-index: 9199;
    }

    #d27_boxshots_layers {
        position: absolute; 
        left: 14.4791vw; /* = 256px */
        top: -7.6042vw; /* top: -146px; */
        width: 10.0521vw; 
        height: 10.6771vw; /* height: 205px; */
        background-color: transparent;
        cursor: hand;
        cursor: pointer;
        margin: 0px;
        padding: 0px;
        z-index: 9199;
        visibility: hidden;
    }

    #boxshot_layer_left_1 {
        position: relative; 
        left: 0px; 
        top: 0px; 
        padding: 0px; 
        margin: 0px; 
        background-color: orangered; 
        width: 2.3958vw; /* width: 46px; */ 
        height: 205px;
    }

    #boxshot_layer_center_2 {
        position: relative; 
        left: 0px; 
        top: 0px; 
        padding: 0px; 
        margin: 0px; 
        background-color: black; 
        width: 1.77083vw; /* width: 34px; */
        height: 205px;
    }

    #boxshot_layer_right_3 {
        position: relative; 
        left: 0px; 
        top: 0px; 
        padding: 0px; 
        margin: 0px; 
        background-color: fuchsia; 
        width: 5.9375vw; /* width: 114px; */
        height: 205px;
    }

    #d26_boxshots_layers {
        position: absolute; 
        /* left: 256px; */
        right: 58px;
        top: -193px; 
        width: 367; 
        height: 211px;
        background-color: transparent;
        margin: 0px;
        padding: 0px;
        z-index: 9901;
    }

    #aom_pc_3d_boxshot_pegi {
        position: absolute;
        left: 15.0958vw;
        top: -7.5vw;
        width: 5.9375vw;
        height: 8.38542vw;
        cursor: hand;
        cursor: pointer;
        background-color: transparent;
        z-index: 9205;
        -webkit-animation: aom_pc_3d_boxshot_pegi 2s 1.8s 1; /* Safari 4.0 - 8.0 */
        -webkit-animation-direction: alternate;/* Safari 4.0 - 8.0 */
        box-shadow: 0 0 1px rgba(0,0,0,.05); /* Da Firefox pri animaciji ne vuce tragove! (Goran) box-shadow: 0 0 1px rgba(0,0,0,.05);*/
        animation: aom_pc_3d_boxshot_pegi 2s 1.8s 1;
        animation-direction: alternate;
        transition:all 1.0s;
    }

    /*  The animated packshots fly-in is switched off (13.04.2014) according to the instructions of the ART Department (BR)
     Safari 4.0 - 8.0 
    @-webkit-keyframes aom_pc_3d_boxshot_pegi {
        
        30%{left: 10.1389vw;}
        100%{left: 15.0958vw;}
    }
    
    @keyframes aom_pc_3d_boxshot_pegi {
        0%{left: 15.0958vw;}
        30%{left: 10.1389vw;}
        100%{left: 15.0958vw;}
    }
    
    */

    #img_aom_pc_3d_boxshot_pegi {
        position: relative;
        left: 0px;
        transition:left 0.5s;
    }

    #aom_xbox_3d_boxshot_pegi {
        position: absolute;
        left: 16.9271vw;
        top: -6.09375vw;
        width: 5.52083vw;
        height: 7.7083vw;
        cursor: hand;
        cursor: pointer;
        background-color: transparent;
        z-index: 9206;
        transition:all 1.0s;
    }

    #img_aom_xbox_3d_boxshot_pegi {
        position: relative;
        left: 0px;
        transition:left 0.5s;
    }

    #aom_ps4_3d_boxshot_pegi {
        position: absolute;
        left: 18.64583vw;
        top: -4.479166vw;
        width: 5.26vw;
        height: 7.34375vw;
        cursor: hand;
        cursor: pointer;
        background-color: transparent;
        z-index: 9207;
        -webkit-animation: aom_ps4_3d_boxshot_pegi 2s 1.8s 1; /* Safari 4.0 - 8.0 */
        -webkit-animation-direction: alternate;/* Safari 4.0 - 8.0 */
        box-shadow: 0 0 1px rgba(0,0,0,.05);/* Da Firefox pri animaciji ne vuce tragove! (Goran) */
        animation: aom_ps4_3d_boxshot_pegi 2s 1.8s 1;
        animation-direction: alternate;
        transition:all 1.0s;
    }

    /*  The animated packshots fly-in is switched off (13.04.2014) according to the instructions of the ART Department (BR)
     Safari 4.0 - 8.0 
    @-webkit-keyframes aom_ps4_3d_boxshot_pegi {
        0%{left: 18.64583vw;}
        30%{left: 23.28123vw;}
        100%{left: 18.64583vw;}
    }
    
    @keyframes aom_ps4_3d_boxshot_pegi {
        0%{left: 18.64583vw;}
        30%{left: 23.28123vw;}
        100%{left: 18.64583vw;}
    }
    */

    #img_aom_ps4_3d_boxshot_pegi {
        position: relative;
        left: 0px;
        transition:left 0.5s;
    }



    #story_page {
        position: relative;
        top: auto; 
        width: 100%;
        height: 100%;
        max-height: 1080px;
        max-width: 1920px;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    #agents_page {
        position: relative;
        top: auto; 
        width: 100%;
        height: 100%;
        max-height: 1080px;
        max-width: 1920px;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        overflow-y: hidden;
        overflow-x: hidden;
        border-top: 0.2604vw solid white;
        text-align: center;
        box-shadow: 0.2083vw -0.2083vw 0.67708vw #05000e;
        z-index: 1003;
    }

    #shop_page {
        position: relative;
        top: auto; 
        width: 100%;
        height: 100%;
        max-height: 1080px;
        max-width: 1920px;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        overflow-y: hidden;
        overflow-x: hidden;
        border-top: 0.2604vw solid white;
        text-align: center;
        box-shadow: 0.2083vw -0.2083vw 0.67708vw #05000e;
        z-index: 1003;
    }



    #bad_vs_evel {
        position: absolute;
        left: 50%;
        margin-left: -16.25vw; 
        top: 10.4167vw; 
        width: 32.4479vw; 
        height: 16.5625vw; 
        background-color: transparent;
        background-image:url(../img/backgrounds/bad_vs_evel.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 2.5s;
    }



















    #fight_em {
        position: absolute;
        left: 50%;
        margin-left: -31.25vw; /* margin-left: -600px; margin-left: -376px; */
        top: 22.6563vw; /* top: 435px; */
        width: 19.4271vw; /* width: 373px; */
        height: 4.3229vw; /* height: 83px; */
        background-color: transparent;
        background-image: url(../img/backgrounds/fight_em.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 1.5s;
    }

    #fight_em_2 {
        position: absolute;
        left: 50%;
        margin-left: -19.3229vw; /* -18.6979vw; margin-left: -359px; margin-left: -376px; */
        top: 22.6563vw; /* top: 435px; */
        width: 19.4792vw; /* width: 374px; */
        height: 4.3229vw; /* height: 83px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/fight_em_2.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        transition:all 1.5s;
        visibility: hidden;
    }

    #fight_em_2:hover {
        filter: saturate(240%) brightness(190%);
        cursor: hand;
        cursor: pointer;
    }

    #play_em {
        position: absolute;
        left: 50%;
        margin-left: 31.25vw;/* margin-left: 376px; */
        top: 22.6563vw; /* top: 435px; */
        width: 19.4792vw; /* width: 374px; */
        height: 4.3229vw; /* height: 83px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/play_em.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 1.5s;
    }

    #play_em:hover {
        filter: saturate(240%) brightness(190%);
        cursor: hand;
        cursor: pointer;
    }

    #play_em_2 {
        position: absolute;
        left: 50%;
        margin-left: 0px; /* margin-left: -12px; -0.625vw margin-left: -376px; */
        top: 22.6563vw; /* top: 435px; */
        width: 19.4271vw; /* width: 373px; */
        height: 4.3229vw; /* height: 83px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/play_em_2.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 0.7s;
        visibility: hidden;
    }


    #story_page_panel_ui {
        position: absolute;
        left: 50%;
        margin-left: -42.6563vw; /* margin-left: -819px; */
        bottom: -24.1667vw; /* bottom: -464px; */
        width: 85.2604vw; /* width: 1637px; */
        height: 24.5313vw; /* height: 471px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/story_page_panel_ui.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 1.0s;
    }

    #b_story_page_panel_ui {
        position: absolute;
        left: 50%;
        margin-left: -42.6563vw; /* margin-left: -819px; */
        bottom: -24.1667vw; /* bottom: -464px; */
        width: 85.2604vw; /* width: 1637px; */
        height: 24.5313vw; /* height: 471px; */
        background-color: transparent;
        background-image:url(../img/backgrounds/story_page_panel_ui.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 1.0s;
    }

    #story_page_panel_content {
        position: absolute;
        left: 0px;
        top: 0px; 
        width: 85.2604vw; /* width: 1637px; */
        height: 24.5313vw; /* height: 471px; */
        background-color: transparent;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 2.5s;
    }

    #b_story_page_panel_content {
        position: absolute;
        left: 0px;
        top: 0px; 
        width: 85.2604vw; /* 1637px; */
        height: 24.5313vw; /* 471px; */
        background-color: transparent;
        padding: 0px;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        transition:all 2.5s;
    }

    #story_page_pe_01 {
        position: absolute;
        left: 5.1563vw; /* 99px; */
        top: 4.1146vw; /* 79px; */
        width: 16.40625vw; /* 315px; */
        height: 20.4167vw; /* 392px;*/
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

    #b_story_page_pe_01 {
        position: absolute;
        left: 26.3021vw; /* 505px; */
        top: 4.1146vw; /* 79px; */
        width: 16.4063vw; /* 315px; */
        height: 20.4167vw; /* 392px; */
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

    /* WURDE HIER ENTFERNT. BEFINDET SICH OBEN AM ANFAG 
    .story_page_text {
    }
    */

    #story_page_pe_02 {
        position: absolute;
        left: 24.1667vw; /* 464px; */
        top: 4.1146vw; /* 79px; */
        width: 16.40625vw; /* 315px; */
        height: 20.4167vw; /* 392px;*/
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

    #b_story_page_pe_02 {
        position: absolute;
        left: 45.3125vw; /* 870px; */
        top: 4.1146vw; /* 79px; */
        width: 16.40625vw; /* 315px; */
        height: 20.4167vw; /* 392px;*/
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

    #story_page_pe_03 {
        position: absolute;
        left: 43.1771vw; /* 829px; */
        top: 4.1146vw; /* 79px; */ 
        width: 16.40625vw; /* 315px; */
        height: 20.4167vw; /* 392px;*/
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

    #b_story_page_pe_03 {
        position: absolute;
        left: 64.3229vw; /* 1235px; */
        top: 4.0625vw; /* 78px; */
        width: 16.40625vw; /* 315px; */
        height: 20.4167vw; /* 392px;*/
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

    .img_story_page_saturate:hover {
        filter: saturate(140%) brightness(130%);
        cursor: hand;
        cursor: pointer;
    }

    #streifen_y_rechts {
        position: absolute;
        left: 63.0208vw; /* 1210px; */
        top: 3.125vw; /* 60px; */
        width: 2px;
        height: 19.1146vw; /* 367px;*/
        background-color: white;
        padding: 0px;
        opacity: 0.56; 
        filter: alpha(opacity=56);
    }

    #b_streifen_y_rechts {
        position: absolute;
        left: 22.7083vw; /* 436px; */
        top: 3.125vw; /* 60px; */
        width: 2px;
        height: 19.1146vw; /* 367px;*/
        background-color: white;
        padding: 0px;
        opacity: 0.56; 
        filter: alpha(opacity=56);
    }

    #story_page_pe_04 {
        position: absolute;
        left: 66.9271vw; /* 1285px; */
        top: 4.1146vw; /* 79px; */
        width: 1.3802vw; /* 265px; */
        height: 20.4167vw; /* 392px; */
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        text-align: left;
    }

    #b_story_page_pe_04 {
        position: absolute;
        left: 5.1563vw; /* 99px; */
        top: 4.1146vw; /* 79px; */
        width: 1.3802vw; /* 265px; */
        height: 20.4167vw; /* 392px; */
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        text-align: left;
    }

    #img_story_page_pe_04_ueber {
        width: 11.7708vw; /* 226px; */
        height: auto;
        left: 0px;
        top: 0px;
        background-color: transparent;
    }

    #b_img_story_page_pe_04_ueber {
        width: 9.8958vw; /* 190px; */
        height: auto;
        left: 0px;
        top: 0px;
        background-color: transparent;
    }

    #carousel_5 {
        position: absolute;
        left: 50%;
        margin-left: -18.1771vw; /* -349px;*/
        top: 0.1563vw; /* 3px=0.1563vw40px=2.0833vw; */
        width: 36.3542vw; /* 698px; */
        height: 13.5417vw; /* 260px; */
        max-height: 260px;
        background-color: transparent;
        clip: rect(0px,36.3542vw,11.3021vw,0px); /* 36.3542vw 9.375vw*/
        padding: 1.9vw 0px 0px 0px;
        cursor: hand;
        cursor: pointer;
        overflow-y: visible;
    } 

    #over_carousel {
        position: absolute; 
        left: 0px; 
        top: 0px;
    }

    .lightboxenabler {
        position: absolute;
        left: 216px;
        top: 2px;
        width: 266px;
        height: 144px;
        background-color: transparent;
        opacity: 0.50; 
        filter: alpha(opacity=50);
        z-index: 8000;
        visibility: hidden;
    }

    #navigation_points {
        position: fixed;
        left: 4vw;
        top: calc(50vh - 77px);
        width: 27px;
        height: 153px;
        max-width: 27px;
        max-height: 153px;
        background-color: transparent;
        background-image:url(../img/backgrounds/navigation_points.png);
        background-repeat:no-repeat;
        background-position: left top;
        opacity: 1.0; 
        filter: alpha(opacity=100);
        z-index: 9994;
        visibility: hidden;
    }


    #selected_navigation_point_01 {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 27px;
        height: 27px;
        background-color: transparent;
        background-image:url(../img/backgrounds/selected_navigation_point.png);
        background-repeat:no-repeat;
        background-position: 3px 3px;
        background-size: 21px 21px;
        cursor: pointer;
        cursor: hand;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        z-index: 9995;
    }

    #selected_navigation_point_01:hover {
        opacity: 0.24; 
        filter: alpha(opacity=24);
    }

    #selected_navigation_point_02 {
        position: absolute;
        left: 0px;
        top: 42px;
        width: 27px;
        height: 27px;
        background-color: transparent;
        background-image:url(../img/backgrounds/selected_navigation_point.png);
        background-repeat:no-repeat;
        background-position: 3px 3px;
        background-size: 21px 21px;
        cursor: pointer;
        cursor: hand;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        z-index: 9996;
    }

    #selected_navigation_point_02:hover {
        opacity: 0.24; 
        filter: alpha(opacity=24);
    }

    #selected_navigation_point_03 {
        position: absolute;
        left: 0px;
        top: 84px;
        width: 27px;
        height: 27px;
        background-color: transparent;
        background-image:url(../img/backgrounds/selected_navigation_point.png);
        background-repeat:no-repeat;
        background-position: 3px 3px;
        background-size: 21px 21px;
        cursor: pointer;
        cursor: hand;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        z-index: 9997;
    }

    #selected_navigation_point_03:hover {
        opacity: 0.24; 
        filter: alpha(opacity=24);
    }

    #selected_navigation_point_04 {
        position: absolute;
        left: 0px;
        top: 126px;
        width: 27px;
        height: 27px;
        background-color: transparent;
        background-image:url(../img/backgrounds/selected_navigation_point.png);
        background-repeat:no-repeat;
        background-position: 3px 3px;
        background-size: 21px 21px;
        cursor: help;
        opacity: 0.0; 
        filter: alpha(opacity=0);
        z-index: 9998;
    }

    #selected_navigation_point_04:hover {
        opacity: 0.24; 
        filter: alpha(opacity=24);
    }

    #verdeck {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 27px;
        height: 27px;
        background-color: transparent;
        background-image:url(../img/backgrounds/selected_navigation_point.png);
        background-repeat:no-repeat;
        background-position: 3px 3px;
        background-size: 21px 21px;
        z-index: 9999;
    }

    /* ########################################################################################################### */
    /* AGENTS SECTION ########################################################################################### */

    #agents_setcard {
        position: absolute;
        left: 0px;
        bottom: -49.5833vw; /* -952px; */
        width: 100%;
        height: 49.5833vw;
        background-color: transparent;
        background-image: url(../img/backgrounds/aom_setcard_1920x952_170307.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        transition:all 1.0s;
        z-index: 77;
    }

    #agents_info_tab {
        position: absolute;
        left: 7.76041vw; /* 149px; */
        bottom: 0px; /* -952px; */
        width: 43.9583vw; /* 844px; */
        height: 43.9583vw;  /* 844px; */
        background-color: transparent;
        background-image: url(../img/backgrounds/agents_info_tab.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        transition:all 1.0s;
        z-index: 79;
    }

    #testtext {
        position: absolute;
        left: 0px;
        top: 8.3333vw; /* 160px; */
        width: 26.0416vw; /* 500px; */ 
        height: 2.0833vw; /* 40px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
        color: white;
        font-style: italic;
        letter-spacing: 1px;
        font-weight: bold;
        font-size: auto;
    }

    #first_test {
        position: absolute;
        left: 50%;
        margin-left: -17.65625vw; /* -339px; */
        top: 35.52vw; /* 691px; */
        width: 12.1354vw; /* 233px; */
        height: 16.5104vw; /* 317px; */
        background-color: transparent;
        background-image: url(../img/backgrounds/first_test.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        -webkit-animation: first_test 2.0s linear infinite;
        -moz-animation: first_test 2.0s linear infinite;
        -ms-animation: first_test 2.0s linear infinite;
        -o-animation: first_test 2.0s linear infinite;
        animation: first_test 2.0s linear infinite;
        cursor: pointer;
        cursor: hand;
        opacity: 0.0; 
        filter: alpha(opacity=0);
    }

    @keyframes first_test {
        0% { -webkit-filter: brightness(220%); filter: brightness(220%);}
        50% { -webkit-filter: brightness(100%); filter: brightness(100%);}
        100% { -webkit-filter: brightness(220%); filter: brightness(220%);}
    }

    @-webkit-keyframes first_test {
        0% { -webkit-filter: brightness(220%); filter: brightness(220%);}
        50% { -webkit-filter: brightness(100%); filter: brightness(100%);}
        100% { -webkit-filter: brightness(220%); filter: brightness(220%);}
    }

    #first_test:hover {
        opacity: 1.0; 
        filter: alpha(opacity=100);		   
    }

    .blink:after{
        position: absolute;
        left: 50%;
        top: 1.5625vw; /* 30px; */
        margin-left: -1.3021vw; /* -25px; */
        content: "";
        width: 2.0833vw; /* 40px; */
        height: 2.0833vw; /* 40px; */
        cursor: pointer;
        cursor: hand;
        border: 0 solid transparent;
        border-right: 0.625vw solid #ded3ff; /* 0.625vw = 12px Im unteren Beispiel .0625rem */
        border-bottom: 0.625vw solid #ded3ff; /* Im unteren Beispiel .0625rem */
        transform: rotate(45deg);
    }

    #agent_h1_name {
        position: absolute;
        left: 6.4583vw; /* 124px; */
        top: 3.4896vw; /* 67px; */
        width: 31.1458vw; /* 598px; */
        height: 3.1250vw; /* 54px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 3.1250vw; /* 60px; 44pt; */
        font-weight: 400;
        font-stretch: ultra-condensed;
        color: white;
        line-height: 3.1250vw; /* 50px; */
        padding: 0px;
        text-align: left;
    }

    #agent_real_name {
        position: relative;
        left: 0.5208vw; /* 10px; */
        top: -0.7292vw; /* 14px; */
        width: auto;
        height: 1.5104vw; /* 29px; */
        max-height: 1.5104vw; /* 29px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 1.875vw; /* 27pt; */
        font-weight: 400;
        font-stretch: ultra-condensed;
        color: white;
        line-height: 1.5104vw; /* 29px; */
        padding: 0px 0px 7px 0px;
        margin: 0px 0px 0px 0px;
        text-align: left;
        border-bottom: 2px solid white;
        display: inline-block;
        vertical-align: middle;    
    }

    #agent_h2_name {
        position: absolute;
        left: 6.4583vw; /* 124px; */
        top: 7.7083vw; /* 148px; */
        width: 30.4167vw; /* 584px; */
        height: 2.7083vw; /* 52px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 2.0833vw; /* 30pt; */
        font-weight: 400;
        font-style: italic;
        font-stretch: ultra-condensed;
        color: white;
        line-height: 2.6042vw; /* 50px; */
        padding: 0px 0px 0.3646vw 0.7292vw; /* padding: 0px 0px 7px 14px; */
        text-align: left;
    }

    #agent_descripton {
        position: absolute;
        left: 6.4583vw; /* 124px; */
        top: 11.1979vw; /* 215px; */
        width: 30.9896vw; /* 595px; */
        height: 4.0104vw; /* 77px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
/*      font-size: 8pt; 12pt; */
/*      line-height: 16px; 20px; */
        font-weight: 400;
        color: white;
        padding: 0px 0px 0px 0.1563vw; /* padding: 0px 0px 0px 3px; */
        text-align: left;
    }

    #agent_h1_abilities {
        position: absolute; 
        left: 6.5104vw; /* 125px; */
        top: 15.3125vw; /* 294px; */
        width: 10.3125vw; /* 198px; */
        height: 3.8542vw; /* 74px; */
        background-color: #1f1233;
        font-family: 'Oswald', sans-serif;
        font-size: 1.875vw; /* 27pt; */
        font-weight: 400;
        font-style: italic;
        font-stretch: ultra-condensed;
        color: white;
        line-height: 3.8542vw; /* 74px; */
        vertical-align: middle;
        text-align: center;
    }

    #over_agent_h1_abilities {
        position: absolute; 
        left: 6.5104vw; /* 125px; */
        top: 15.3125vw; /* 294px; */
        width: 10.3125vw; /* 198px; */
        height: 3.8542vw; /* 74px; */
        background-color: transparent;
    }

    #abilities_body_1 {
        position: absolute;
        left: 9.6875vw; /* 186px; */
        top: 21.1979vw; /* 407px; */
        width: 26.0417vw; /* 500px; */
        height: 21.3542vw; /* 410px; */
        background-color: transparent;
        padding: 0px;
        z-index: 9675;
    } 

    #icon_abilities_1 {
        position: absolute; 
        left: 0px; 
        top: 0px; 
        width: 4.3229vw; /* 83px; */
        height: 4.3229vw; /* 83px; */
        background-color: transparent;
    }

    #icon_abilities_1_h1 {
        position: absolute; 
        left: 6.9271vw; /* 133px; */
        top: 0.3646vw; /* 7px; */
        width: auto; 
        height: 0.9375vw; /* 18px; */ 
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 1.1458vw; /* 16pt; */
        font-weight: 700;
        font-style: italic;
        font-stretch: ultra-expanded;
        letter-spacing: 1px;
        line-height: 0.9375vw; /* 18px; */ 
        color: white;
        padding: 0px;
        margin: 0px;
        display: inline-block;
        vertical-align: middle;    
    } 

    #icon_abilities_1_descripton {
        position: absolute;
        left: 6.9271vw; /* 133px; */
        top: 1.8229vw; /* 35px; */
        width: 18.7500vw; /* 360px; */
        height: 3.1250vw; /* 60px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
/*      font-size: 8pt; 12pt; */
/*      line-height: 16px; 20px; */
        font-weight: 400;
        color: white;
        padding: 0px;
        text-align: left; 
    }   

    #icon_abilities_2 {
        position: absolute; 
        left: 0px; 
        top: 7.9167vw; /* 152px; */
        width: 4.3229vw; /* 83px; */
        height: 4.3229vw; /* 83px; */
        background-color: transparent;
    }

    #icon_abilities_2_h1 {
        position: absolute; 
        left: 6.9271vw; /* 133px; */
        top: 8.2813vw; /* 159px; */
        width: auto; 
        height: 0.9375vw; /* 18px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 1.1458vw; /* 16pt; */
        font-weight: 700;
        font-style: italic;
        font-stretch: ultra-expanded;
        letter-spacing: 1px;
        line-height: 0.9375vw; /* 18px; */
        color: white;
        padding: 0px;
        margin: 0px;
        display: inline-block;
        vertical-align: middle;    
    } 

    #icon_abilities_2_descripton {
        position: absolute;
        left: 6.9271vw; /* 133px; */
        top: 9.7396vw; /* 187px; */
        width: 18.7500vw; /* 360px; */
        height: 3.1250vw; /* 60px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
/*      font-size: 8pt; 12pt; */
/*      line-height: 16px; 20px; */
        font-weight: 400;
        color: white;
        padding: 0px;
        text-align: left; 
    } 

    #icon_abilities_3 {
        position: absolute; 
        left: 0px; 
        top: 15.8333vw; /* 304px; */
        width: 4.3229vw; /* 83px; */
        height: 4.3229vw; /* 83px; */
        background-color: transparent;
    }

    #icon_abilities_3_h1 {
        position: absolute; 
        left: 6.9271vw; /* 133px; */
        top: 16.1979vw; /* 311px; */
        width: auto; 
        height: 0.9375vw; /* 18px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 1.1458vw; /* 16pt; */
        font-weight: 700;
        font-style: italic;
        font-stretch: ultra-expanded;
        letter-spacing: 1px;
        line-height: 0.9375vw; /* 18px; */
        color: white;
        padding: 0px;
        margin: 0px;
        display: inline-block;
        vertical-align: middle;    
    } 

    #icon_abilities_3_descripton {
        position: absolute;
        left: 6.9271vw; /* 133px; */
        top: 17.6563vw; /* 339px; */
        width: 18.7500vw; /* 360px; */
        height: 3.1250vw; /* 60px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
/*      font-size: 8pt; 12pt; */
/*      line-height: 16px; 20px; */
        font-weight: 400;
        color: white;
        padding: 0px;
        text-align: left; 
    } 

    #agent_h1_history {
        position: absolute; 
        left: 16.8229vw; /* 323px; */
        top: 15.3125vw; /* 294px; */
        width: 10.3125vw; /* 198px; */
        height: 3.8542vw; /* 74px; */
        background-color: transparent;
        font-family: 'Oswald', sans-serif;
        font-size: 1.875vw; /* 27pt; */
        font-weight: 400;
        font-style: italic;
        font-stretch: ultra-condensed;
        color: white;
        line-height: 3.8542vw; /* 74px; */
        vertical-align: middle;
        text-align: center;
    }

    #over_agent_h1_history {
        position: absolute; 
        left: 16.8229vw; /* 323px; */
        top: 15.3125vw; /* 294px; */
        width: 10.3125vw; /* 198px; */
        height: 3.8542vw; /* 74px; */ 
        background-color: transparent;
    }

    .whitesh2 {
        background-color: transparent;
        opacity: 0.15; 
        filter: alpha(opacity=15);
    } 

    .whitesh2:hover {
        background-color: white;
        cursor: pointer;
        cursor: hand;
    }  

    #history_body_1 {
        position: absolute;
        left: 11.4583vw; /* 220px; */
        top: 21.3021vw; /* 409px; */ 
        width: 21.3542vw; /* 410px; */
        height: 20.8333vw; /* 400px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
/*      font-size: 8pt; 12pt; */
/*      line-height: 16px; 20px; */
        font-weight: 400;
        color: white;
        padding: 0px;
        text-align: center; 
        visibility: hidden;
    } 
 
    /* END AGENTS SECTION ######################################################################################## */
    /* ############################################################################################################ */ 

    #testtext {
        position: absolute;
        left: 0px;
        top: 8.3333vw; /* 160px; */
        width: 26.0416vw; /* 500px; */ 
        height: 2.0833vw; /* 40px; */
        background-color: transparent;
        font-family: 'Muli', sans-serif;
        color: white;
        font-style: italic;
        letter-spacing: 1px;
        font-weight: bold;
        font-size: auto;
    }

    #first_test {
        position: absolute;
        left: 50%;
        margin-left: -17.65625vw; /* -339px; */
        top: 35.52vw; /* 691px; */
        width: 12.1354vw; /* 233px; */
        height: 16.5104vw; /* 317px; */
        background-color: transparent;
        background-image: url(../img/backgrounds/first_test.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 100% auto;
        -webkit-animation: first_test 2.0s linear infinite;
        -moz-animation: first_test 2.0s linear infinite;
        -ms-animation: first_test 2.0s linear infinite;
        -o-animation: first_test 2.0s linear infinite;
        animation: first_test 2.0s linear infinite;
        cursor: pointer;
        cursor: hand;
        opacity: 0.0; 
        filter: alpha(opacity=0);
    }

    @keyframes first_test {
        0% { -webkit-filter: brightness(220%); filter: brightness(220%);}
        50% { -webkit-filter: brightness(100%); filter: brightness(100%);}
        100% { -webkit-filter: brightness(220%); filter: brightness(220%);}
    }

    @-webkit-keyframes first_test {
        0% { -webkit-filter: brightness(220%); filter: brightness(220%);}
        50% { -webkit-filter: brightness(100%); filter: brightness(100%);}
        100% { -webkit-filter: brightness(220%); filter: brightness(220%);}
    }

    #first_test:hover {
        opacity: 1.0; 
        filter: alpha(opacity=100);
    }	




    .blink:after{
        position: absolute;
        left: 50%;
        top: 1.5625vw; /* 30px; */
        margin-left: -1.3021vw; /* -25px; */
        content: "";
        width: 2.0833vw; /* 40px; */
        height: 2.0833vw; /* 40px; */
        cursor: pointer;
        cursor: hand;
        border: 0 solid transparent;
        border-right: 0.625vw solid #ded3ff; /* 0.625vw = 12px Im unteren Beispiel .0625rem */
        border-bottom: 0.625vw solid #ded3ff; /* Im unteren Beispiel .0625rem */
        transform: rotate(45deg);
    }


    footer {
        position: relative; 
        top: 0px;
        height: 100%; /* 80vw;  500px; */
        min-width: 100%;
        min-height: 100%;
        /* max-height: 1900px; */
        max-width: 1920px;
        margin: -10px 0px 0px 0px;
        padding: 0px;
        background-color: #05000e;
        border-top: 5px solid white;
        text-align: center;
        box-shadow: 4px -4px 13px #05000e;
        z-index: 1004;
        opacity: 1.00; 
        filter: alpha(opacity=100);
    }

    #footer_page {
        visibility: hidden;
    }

    #ps4 {
        position: absolute; 
        left: 110px; 
        top: 75px; 
        width: 500px; 
        height: 60px; 
        background-color: transparent;
    }

    #usk {
        position: absolute; 
        right: -121px; 
        top: 35px; 
        width: 425px; 
        height: 100px; 
        background-color: transparent;
    }

    #d26_ps4 {
        position: absolute; 
        left: 100px; 
        top: 0px; 
        width: 480px; 
        height: 60px; 
        background-color: transparent;
        background-image:url(../img/footer_platform_logos.png);
        background-repeat:no-repeat;
        background-position: left top;
        background-size: 100% auto;
    }

    #img_ps4 {
        position: absolute; 
        left: 100px; 
        top: 0px; 
        width: 480px; 
        height: 60px; 
        background-color: transparent;
    }

    



    #zdesno{ 
        position: relative;
        margin: 0px 14px -2px 14px;
    }









}

/* ##### ENDE BREITE 2. [ min-width: 700px ] ################################ */
/* ############################################################################ */
/* ############################################################################# */

/* ############################################################################# */
/* ############################################################################ */
/* ##### BREITE 3. ########################################################### */


@media (min-width: 200px) 
and (max-width: 700px) { 



    /* ############################################################ */
    /* ########################################################### */
    /* ##### ALLES ############################################## */
 
    header {
        visibility: hidden;
        opacity: 0.0; 
        filter: alpha(opacity=0);
    }

    #top_menue {
        visibility: hidden;	  
        opacity: 0.0; 
        filter: alpha(opacity=0);
    }

    #landing_page {
        visibility: hidden;
    }

    #story_page {
        position: relative;
        top: auto; 
        width: 100%;
        height: 100%;

        max-width: 700px;
        background-color: #05000e;
        padding: 0px;
        margin: 0px;
        overflow-y: hidden;
        overflow-x: hidden;
        z-index: 200;
    }

    #feature_stripe {
        visibility: hidden;
    }

    #shop_page {
        visibility: hidden;
    }

    #rest_feature_body {
        visibility: hidden;
    }


/*
    #footer_page {
        position: relative; 
        top: auto;
        height: 100%; /- 380px; -/
        /- max-height: 880px; 380px; -/
        margin: -10px 0px -235px 0px;
        padding: 0px;
        background-color: #05000e;
        border-top: 5px solid white;
        text-align: center;
        -webkit-filter: drop-shadow(4px -4px 13px #05000e);
        filter: drop-shadow(4px -4px 13px #05000e);
        -moz-box-shadow: 4px -4px 13px #05000e;
        -webkit-box-shadow: (4px -4px 13px #05000e);
        box-shadow: (4px -4px 13px #05000e);
        z-index: 205;
        visibility: hidden;
    }
*/

#footer_page {
        position: relative; 
        top: auto;
        width: 100%;
        height: 380px;
        max-height: 380px;
        margin: -10px 0px -235px 0px;
        padding: 0px;
        background-color: #05000e;
        border-top: 5px solid white;
        text-align: center;
        -webkit-filter: drop-shadow(4px -4px 13px #05000e);
        filter: drop-shadow(4px -4px 13px #05000e);
        -moz-box-shadow: 4px -4px 13px #05000e;
        -webkit-box-shadow: (4px -4px 13px #05000e);
        box-shadow: (4px -4px 13px #05000e);
        z-index: 205;
        visibility: hidden;
    }
   



    #zdesno{ 
        position: relative;
        width: 41px; 
        height: 59px; 
        margin: 0px 3vw -2px 3vw;
    }



    /* ######################################## */
    /* SECTION 00 ############################ */



    /* ##### ENDE ALLES ######################################### */
    /* ########################################################### */
    /* ############################################################ */


}



/* ##### ENDE BREITE 3. [ min-width: 200px ] ################################ */
/* ############################################################################ */
/* ############################################################################# */