body, body * {
    vertical-align: baseline;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 9pt;
    color: #333;
}
#video1 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
#poster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.logo {
    position: absolute;
    bottom: 1px;
    left: 0px;
    z-index: 998;
}
#exit {
    cursor: pointer;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: absolute;
}
.feature {
    top: 0px;
    left: 0px;
    width: 280px;
    height: 175.5px;
    position: absolute;
}
#main-img-0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(dclk.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
:focus {
    outline: none;
}
::-moz-focus-inner {
    border: 0;
}
.white-line, .white-line-thin {
    visibility: hidden;
}
#main-container {
    position: absolute;
    width: 300px;
    height: 600px;
    box-sizing: border-box;
    background: #EEE;
}
#frame {
    z-index: 1001;
    background: url(frame.png) no-repeat;
    position: absolute;
    width: 300px;
    height: 600px;
    top: 0;
    left: 0;
    border: 1px solid black;
    box-sizing: border-box;
}

}
.lines, #lines {
    visibility: hidden;
}
.images {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 600px;
}
.txt {
    z-index: 99;
    top: 0;
    left: 0;
    visibility: hidden;
}
.svg-mask {
    position: absolute;
    top: 0;
    left: 110px;
    width: 145px;
    height: 600px;
    overflow: hidden;
}
.gradient-overlay {
    position: absolute;
    top: 0;
    right: -42px;
    width: 57px;
    height: 549px;
    z-index: 80;
    background: rgb(238, 238, 238);
    background: -moz-linear-gradient(left, rgba(238, 238, 238, .2) 0%, rgba(238, 238, 238, 1) 30%, rgba(238, 238, 238, 1) 30%);
    background: -webkit-linear-gradient(left, rgba(238, 238, 238, .2) 0%, rgba(238, 238, 238, 1) 30%, rgba(238, 238, 238, 1) 30%);
    background: linear-gradient(to right, rgba(238, 238, 238, .2) 0%, rgba(238, 238, 238, 1) 30%, rgba(238, 238, 238, 1) 30%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=1);
}
#imgWrapper {
    position: absolute;
    top: -5px;
    left: 0px;
    width: 150px;
    height: 554px;
    z-index: 999;
    overflow: hidden;
}
#skewedWrapper {
    position: absolute;
    top: 0px;
    left: -845px;
    width: 640px;
    height: 640px;
    overflow: hidden;
    -moz-transform: skewX(40deg) skewY(0deg);
    -webkit-transform: skewX(40deg) skewY(0deg);
    -o-transform: skewX(40deg) skewY(0deg);
    -ms-transform: skewX(40deg) skewY(0deg);
    transform: skewX(40deg) skewY(0deg);
}
#skewedImg {
    position: absolute;
    top: 11px;
    left: 881px;
    -moz-transform: skewX(-40deg) skewY(0deg);
    -webkit-transform: skewX(-40deg) skewY(0deg);
    -o-transform: skewX(-40deg) skewY(0deg);
    -ms-transform: skewX(-40deg) skewY(0deg);
    transform: skewX(-40deg) skewY(0deg);
}
.svg-heaven {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 411px;
    position: absolute;
    left: -156px;
}
.svg-heaven #svg {
    width: 134%;
    height: 134%;
    position: absolute;
    z-index: 1;
}
.groteRobot {
    width: 91px;
    height: 87px;
}
.kleineRobot {
    width: 29px;
    height: 41px;
}
.tracks {
    width: 84px;
    height: 19px;
}
.hidden {
    display: none;
}