|
- .video{width:100%;margin:var(--section-margin) 0}.video-box{position:relative;display:block;width:100%}.video-box:before{content:"";position:relative;display:block;padding-top:56.25%}.video-box iframe,.video-box video{position:absolute;display:block;top:0;left:0;width:100%;height:100%}.video-box video{object-fit:cover}.video-box .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:var(--swatches-neutrals-white);text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 14px 8px 18px;width:56.25%;text-align:right}.teaser .video-in-teaser .video-box{position:absolute;top:0;height:100%}.teaser .video-in-teaser:after{display:none}.teaser .video-in-teaser .poster-wrapper .icon-fa-play{display:block;position:absolute;left:50%;top:50%;width:auto;transform:translate(-50%,-50%)}.teaser .video-in-teaser .poster-wrapper .icon-fa-play:before{font-family:IHK24FontAwesome,sans-serif;right:auto;transform:translate(-50%);left:50%}.teaser .video-in-teaser:hover .btn{box-shadow:0 0 0 5px rgba(var(--swatches-primary-500-rgb),.3)}
|
