#karrierevideo{
    position:absolute;
    top:65px;
    right:35px;
    font-size:12px;
    cursor:pointer;
}
#karrierefilm_overlay{
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
}
#karrierefilm_bg{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity: 0;
    z-index:9998;
}

#karrierefilm_overlay #filmcontainer{
    width:500px;
    height:367px;
    margin: 50px 50px 50px 50px;
    position:absolute;
    z-index:10000;
}
#karrierefilm_overlay .container {
  width: 600px;
  height: 32px;
  position: relative;
  left:50%;
  margin-left:-300px;
  top: -40px;
  z-index:9999;
}

#karrierefilm_overlay #filmcontroller img{
    width:32px;
    cursor:pointer;
}

#karrierefilm_overlay #panel {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

#karrierefilm_overlay #panel figure {
  display: block;
  position: absolute;
  border: 0px;
  margin:0px;
  padding:0px;
  -moz-backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  border-radius:0px;
}

#karrierefilm_overlay #panel .bottom { 
    width:600px;
    height:467px;   
    border:0px;
    top:40px;
    transform-origin: 0px -2px 0px;  
    -ms-transform-origin: 0px -2px 0px;  
    -webkit-transform-origin: 0px -2px 0px;
}

#karrierefilm_overlay #panel.show .bottom { 
    animation: animate1 1s linear;
    -webkit-animation: animate1 1s linear;
    transform:perspective(1200px) rotateX(0deg) rotateY(0deg);
}
#karrierefilm_overlay #panel.hide .bottom { 
    animation: animate2 1s linear;
    -webkit-animation: animate2 1s linear;
    transform:perspective(1200px) rotateX(0deg) rotateY(0deg);
}

#karrierefilm_overlay #panel.hide,
#karrierefilm_overlay #panel.show { 
    display: block !important;
}

@keyframes animate1 {
    0% {
        transform:perspective(1200px) rotateX(-90deg) rotateY(0deg);
    }
    100% {
        transform:perspective(1200px) rotateX(0deg) rotateY(0deg);
    }
}

@keyframes animate2 {
    0% {
        transform:perspective(1200px) rotateX(0deg) rotateY(0deg);
    }
    100% {
        transform:perspective(1200px) rotateX(-90deg);
    }
}

@-webkit-keyframes animate1 {
    0% {
        -webkit-transform: perspective(1200px) rotateX(-90deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg);
    }
}
@-webkit-keyframes animate2 {
    0% {
        -webkit-transform:perspective(1200px) rotateX(0deg) rotateY(0deg);
    }
    100% {
        -webkit-transform:perspective(1200px) rotateX(-90deg) rotateY(0deg);
    }
}

#karrierefilm_overlay .overlay{ 
    height: 100%;
    width:100%;
    z-index:10001;
    position:absolute;
    background-image: url('../../images/ipad.png');
}

#karrierefilm_overlay .blackscreen{ 
    height: 387px;
    width:520px;
    margin:40px;
    position:absolute;
    background-color:#000000;
    z-index:9999;
}