.video .video-preview[data-webm] .preview,.video .video-preview[data-webm] img,.video-preview-button:hover,.videos-menu span{cursor:pointer}
@-webkit-keyframes rotate-icn{from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}
@keyframes rotate-icn{from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}
@-webkit-keyframes rotate-icn-back{from{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
to{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes rotate-icn-back{from{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
to{-webkit-transform:rotate(0);transform:rotate(0)}
}
.nav-items .videos-menu{border-bottom:7px solid #d34996;margin-top:7px}
nav.mobile #mobile-menu-list div.videos-menu a{color:#d34996}
.videos-menu-wrapper-mobile{background-color:#333;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.videos-menu-wrapper-mobile .headline{color:#d34996;font-size:26px}
@media (max-width:450px){.videos-menu-wrapper-mobile .headline{font-size:20px}
}
.submenu{position:relative}
.submenu .mobile-videos-menu{width:245px}
.submenu .mobile-videos-menu .active-item{color:#000;background-color:#FFF;width:80%;font-size:26px;padding:0 10px;display:inline-block;text-align:center}
.submenu ul{z-index:100;display:none;position:absolute;top:37px;left:0;background-color:#FFF;width:100%;padding-left:0}
.submenu ul li{display:block;list-style-type:none;font-size:26px;margin:2px 0;background-color:#C3C3C4;color:#000;width:calc(100% - 5px);margin-left:2.5px;padding-left:5px}
.submenu .open{background-color:#d44e95;display:inline-block;width:20%;font-size:26px;text-align:center;color:#FFF}
.submenu .open i{font-size:35px}
@media (max-width:425px){.submenu .mobile-videos-menu{background-color:#FFF;position:relative;width:180px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.submenu .mobile-videos-menu .active-item{width:80%;font-size:19px}
.submenu ul{top:34px;left:0;padding-left:5px;width:100%}
.submenu ul li{width:100%;margin-left:-2.5px;font-size:22px}
.submenu .open{background-color:#d44e95;display:inline-block;width:20%;font-size:16px;text-align:center;color:#FFF}
}
.video-preview-button{font-size:19px;position:absolute;z-index:888;bottom:0;left:0;margin:auto;padding:5px 10px;color:#FFF;display:-webkit-flex;display:-ms-flexbox;display:flex}
.video-preview-button .preview-time{background-color:#62bc7c;padding:2px 5px;line-height:30px}
.video-preview-button .play-icon{background-color:#FFF;color:#62bc7c;padding-left:11px;padding-right:11px;vertical-align:middle;line-height:32px}
@media (max-width:1024px){.video-preview-button{font-size:19px;position:absolute;z-index:888;bottom:0;left:0;margin:auto;padding:0;color:#FFF;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}
.video-preview-button .preview-time{width:100%}
}
.videos-menu-wrapper{color:#FFF;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;background-color:#db6daa;padding:5px 15px 10px;margin:0 16.66%;margin-top:30px}
.videos-menu-wrapper .videos-menu{margin:0 10px;font-size:20px}
.videos-menu-wrapper .videos-menu span{padding-left:30px}
.videos-menu-wrapper .videos-menu span.active{font-weight:700}
@media (max-width:1500px){.videos-menu-wrapper{margin:0 8.33%;margin-top:30px}
}
@media (max-width:1024px){.videos-menu-wrapper{margin:0;background-color:#333;color:#d34996;padding:0 18px}
.videos-menu-wrapper div.headline{font-size:26px}
}
#videos{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 16.66%;background:url(/img/bg.jpg) no-repeat;background-color:#f9f;box-shadow:inset 0 0 0 5000px rgba(0,0,0,.8);display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:calc(100vh - 230px)}
#videos .video{margin-top:30px;width:49%;background-color:#e3e1e2;color:#000}
#videos .video .video-preview{border-bottom:2px solid #d34996}
@media (max-width:560px){#videos .video{width:100%}
}
#content-wrapper #content>.row{margin-left:10px;margin-right:10px}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){#content>.row>.page-track>.row>.col-xs-12{padding:0}
}
#content-wrapper #content .page-track{background:0 0}
.buttonbar{padding:0 18px}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.buttonbar{padding:0}
}
.video-buttons{padding:5px;background:#2A2A2A}
.video-buttons>button{margin-left:5px}
.video-buttons::after{display:block;content:'';clear:both}
#videos{margin:0}
#videos>div:not(.other-videos){padding-top:8px;padding-left:0;padding-right:0}
#videos>div:not(.other-videos)>.video{margin:0 3px}
@media (max-width:1500px){#videos{padding:0 8.33%}
}
@media (max-width:1024px){#videos{padding:0;box-shadow:none;background:0 0}
}
@media (max-width:500px){#videos{padding:0;box-shadow:none;background:0 0}
}
.video{color:#FFF;overflow:hidden}
.video .video-header{padding:5px}
.video .video-header .title{color:#000;height:35px;overflow:hidden}
.video .video-header .title>span{background:0 0}
.video .video-header .title .text{font-size:25px}
.video .video-preview{position:relative;background:#494949}
.video .video-preview .dauer{color:#FFF;position:absolute;bottom:10px;right:10px;font-size:14px}
.video .video-preview .dauer.top{bottom:44px}
.video .video-preview .upload-time{position:absolute;bottom:10px;left:10px;font-size:14px;color:#FFF}
.video .video-preview .upload-time.top{bottom:44px}
.video .video-preview.video-done::before{z-index:999;content:'';pointer-events:none;background-color:rgba(0,0,0,.2);background-image:url(/img/video_overlay.png);background-repeat:no-repeat;background-position:center;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.video .video-preview.video-done::before{background-size:100%}
}
.video .video-preview .preview{position:absolute;bottom:0;width:100%;padding:5px 10px;background:linear-gradient(to bottom,rgba(41,154,11,.8) 0,rgba(41,154,11,.8) 100%)}
.video .video-preview .controls{position:absolute;bottom:35px;left:8px;z-index:100;display:none}
.video .video-preview .controls>div{font-size:18px;display:inline-block;margin:5px 2px;padding:2px 7px;cursor:pointer;background:#62bc7c;color:#FFF}
.video .video-preview .controls>div:last-of-type{background-color:#FFF;color:#62bc7c;height:30px;width:30px}
.video .video-preview .controls>div:last-of-type .bg-fullscreen{background-image:url(/img/fullscreen_icon_green.png);background-color:#FFF;background-repeat:no-repeat;background-size:cover;background-position:0 0;width:20px;margin:3px -2px;height:20px}
.video .video-preview video,.video .video-preview>img{width:100%}
.video .video-preview video.metadata~.preview,.video .video-preview video.metadata~img{visibility:hidden;pointer-events:none}
.video .video-preview video.metadata~.video-preview-button{display:none}
.video .video-footer{font-weight:300;padding:10px;font-size:20px;padding-bottom:20px}
@media (max-width:560px){.video:first-of-type{margin-top:0!important;padding-top:0!important}
}
@media (max-width:1024px){.video .video-header .title{height:28px;padding-left:5px}
.video .video-header .title .text{font-size:20px}
.video .video-preview{border-bottom-width:3px}
.video .more,.video .video-footer,.video .video-header{background-color:#e3e1e2}
.video .video-footer{padding-top:0;font-size:16px;height:156px}
}
@media (max-width:425px){.video .video-header .title{height:22px}
.video .video-header .title .text{font-size:16px}
.video .video-footer{height:125px;font-size:13px}
}
.more{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:10px;padding-right:15px;color:#d05598;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;font-size:20px}
.other-videos{width:100%!important;margin:30px 0;background-image:url(/img/MeineVideosStoerer.jpg);background-size:cover;background-repeat:no-repeat;background-position:right;padding:37px;font-size:25px}
.other-videos h4{color:#d34996;font-size:35px}
.other-videos .bold{font-weight:700}
.other-videos p{color:#FFF;width:400px;max-width:100%}
.other-videos .btn-green{padding:15px 30px;font-size:20px;margin-top:20px}
@media (min-width:1025px){.desktop-hidden{display:none}
}
@media (max-width:1024px){.mobile-hidden,.more{display:none}
}
.video .video-preview video.metadata+.controls{display:-webkit-flex;display:-ms-flexbox;display:flex}
.rotate-icn,.rotate-icn-back{-webkit-animation:rotate-icn .1s forwards;animation:rotate-icn .1s forwards}
.big7-videoplayer video{position:relative}
.big7-videoplayer .video-controls{display:none}
@media (max-width:450px){.big7-videoplayer .video-controls{bottom:60px}
}
.big7-videoplayer.fullscreen .video-controls{display:block}