.cd-image-container{position:relative;width:100%;margin:0em auto;}
.cd-image-container img{display:block;}
.cd-image-label{position:absolute;bottom:0;right:0;color:#ffffff;padding:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;-moz-transition:-moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;transition:transform 0.3s 0.7s, opacity 0.3s 0.7s;}
.cd-image-label.is-hidden{visibility:hidden;}
.is-visible .cd-image-label{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.cd-resize-img{position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden;background:no-repeat left top;background-size:auto 100%;
-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.cd-resize-img .cd-image-label{right:auto;left:0;}
.is-visible .cd-resize-img{width:85%;}
.tv__screen:before{content:"Kalibrierung entdecken";}
.cd-handle{position:absolute;height:6.51vw;width:6.51vw;
left:85%;top:50%;margin-left:calc(-3.25vw - 1px);margin-top:-3.25vw;border-radius:50%;background:#f60 url("/wp-content/themes/skalibrujtv/images/tv-arrows.svg?v=fc7019f4") no-repeat 50%/75%;cursor:move;box-shadow:0 0 10px 5px rgba(0,0,0,.45);opacity:0;-webkit-transform:translate3d(0, 0, 0) scale(0);-moz-transform:translate3d(0, 0, 0) scale(0);-ms-transform:translate3d(0, 0, 0) scale(0);-o-transform:translate3d(0, 0, 0) scale(0);transform:translate3d(0, 0, 0) scale(0);}
@media(min-width:768px){
.cd-handle{width:5rem;height:5rem;margin-left:calc(-2.5rem - 1px);margin-top:-2.5rem;}
}
@media(min-width:1200px){
.cd-image-container, .tv__notice-list{max-width:855px;max-height:480px;}
.cd-handle{height:2.5vw;width:2.5vw;margin-left:calc(-1.25vw - 1px);margin-top:-1.25vw;}
}
.cd-handle.dragable{
background-color:#30323a;}
.is-visible .cd-handle{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);-moz-transform:translate3d(0, 0, 0) scale(1);-ms-transform:translate3d(0, 0, 0) scale(1);-o-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1);-webkit-transition:-webkit-transform 0.1s 0.4s, opacity 0.3s 1.2s;-moz-transition:-moz-transform 0.1s 0.4s, opacity 0.3s 1.2s;transition:transform 0.1s 0.4s, opacity 0.3s 1.2s;}
.tv__handle{animation:tv-handle-bounce 0.6s infinite alternate;}
