@font-face {
    font-family: 'alegreya_sans_scbold';
    src: url('../font/Alegreya/AlegreyaSans-Bold-webfont.eot');
    src: url('../font/Alegreya/AlegreyaSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Alegreya/AlegreyaSans-Bold-webfont.woff') format('woff'),
         url('../font/Alegreya/AlegreyaSans-Bold-webfont.ttf') format('truetype'),
         url('../font/Alegreya/AlegreyaSans-Bold-webfont.svg#alegreya_sans_scregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alegreya_sans_scregular';
    src: url('../font/Alegreya/AlegreyaSans-Regular-webfont.eot');
    src: url('../font/Alegreya/AlegreyaSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Alegreya/AlegreyaSans-Regular-webfont.woff') format('woff'),
         url('../font/Alegreya/AlegreyaSans-Regular-webfont.ttf') format('truetype'),
         url('../font/Alegreya/AlegreyaSans-Regular-webfont.svg#alegreya_sans_scregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



* {
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
     -webkit-filter: none !important;
}

#Stage1_fishmove { display: none;}
#Stage1_Uboot_1Copy2 { display: block !important; }
#Stage1_fishmove2 { display: none;}
#Stage1_Uboot_1 { display: block !important; }

/* Other transform properties here */

/*.Stage1_hintergrund_00000_id,    {
    -webkit-filter: grayscale(100%);
}*/
/*#Stage2 {
     -webkit-filter: grayscale(100%) brightness(1.2) contrast(1.2);
}*/

html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: 'alegreya_sans_scregular',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif;
  overflow: hidden;
}


/*-4850px', { fromValue: '-51px*/

.animated {
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-transform:translate3d(0,0,0);
  overflow: hidden;
}


@-webkit-keyframes slideOutDown {
  0% { -webkit-transform: translate3d(235px, 462px,0); }
  50% { -webkit-transform: translate3d(235px, 1200px,0); }
  100% { visibility: hidden; -webkit-transform: translate3d(235px, 1500px,0); }
}
@keyframes slideOutDown {
  0% { transform: translate3d(235px, 462px,0); }
  50% { transform: translate3d(235px, 1200px,0); }
  100% {visibility: hidden; transform: translate3d(235px, 1500px,0); }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
   -webkit-animation-duration: 9000ms;
  animation-duration: 9000ms;
}



.stages {
    background-color: #000;
    color:white;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    /*width: 1204px;*/
    /*height: 768px;*/
    z-index:100;
    font-family: 'alegreya_sans_scregular',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif !important;
}

#end {
    background-color: #222;
    text-transform:uppercase;
    position:absolute;top:50%;left:50%; width:200px; height:200px; margin-left:-100px; margin-top:-100px;
}

#loadingVideo {
    width: 100%;
    height: 100%;
    background-color:#F9F6EC;
    color:#222;
    display: none;
}
#loadingVideo .loading{

    width: 130px;
    height: 80px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -40px;
}
#loadingVideo .loading span{
    font-size: 15px;
}
#loadingVideo .loading .percent{
    font-size: 60px;
    display: block;
    margin: 0px 0px 10px;
    font-family: 'alegreya_sans_scregular', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif;
}
#loadingVideo .loadingBar{
    height: 100%;
    width: 0%;
    background-color: #000000;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}



#Stage1, #Stage2, #Stage3, #Stage32, #Stage4, #Stage5 , #Stage6 {
        position:absolute;
        left:0px;
        top:0px;
        height: 768px;
        width: 1204px;
        z-index: 0;
        min-width: 0px;
        overflow: hidden;
        text-overflow: clip;
        /*background-color: rgb(149, 149, 149);*/
        /*background-size: 100% 100%;*/
}

#Stage1,#Stage2, #Stage3, #Stage32, #Stage4, #Stage5, #Stage6, #end  {
        display:none;
}

/*#Stage1_Ballons_L_1_2, #Stage1_Ballons_L_1_1 { z-index: 100; }*/
input[type="button"] {z-index: 300;}


.QOverlay {
    background-color: #000000;
    z-index: 9999;
}

.QLoader {
    background-color: #CCCCCC;
    height: 1px;
}

.QAmt {
    color:#333333;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size:24px;
    font-weight:bold;
    line-height:50px;
    height:50px;
    width:100px;
    margin:-60px 0 0 -50px;
}

#Stage3_fallwal {
    -webkit-transition: left 0.1s ease;
    -moz-transition: left 0.1s ease;
    -o-transition: left 0.1s ease;
    transition: left 0.1s ease;
}



.edgeLoad-EDGE-1762973 { visibility:hidden; }
.edgeLoad-EDGE-3151052 { visibility:hidden; }
.edgeLoad-EDGE-9426891 { visibility:hidden; }
.edgeLoad-EDGE-11714148 { visibility:hidden; }
.edgeLoad-EDGE-15053684 { visibility:hidden; }
.edgeLoad-EDGE-53810313 { visibility:hidden; }
.edgeLoad-EDGE-181201254 { visibility:hidden; }