#content .paginate .pagi>a,#content .paginate .pagi>a:active,#content .paginate .pagi>a:focus,#content .paginate .pagi>a:hover,#header .navigation ul>li a:active,#header .navigation ul>li a:focus,#header .navigation ul>li a:hover{text-decoration:none}
body,html{font-family:Oswald,Helvetica,sans-serif;font-size:16px;background:#5A5A5A}
body{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
#header{position:fixed;width:100%;z-index:100}
#header .logo{background:radial-gradient(circle 450px,#5E5E5E,#353535)}
#header .logo img{margin:0 auto}
body.page2 #header .logo{border-bottom:10px solid #2A2A2A}
#header .navigation{background:#2A2A2A}
#header .navigation ul{margin:0;padding:0 100px}
#header .navigation ul>li{list-style:none;float:left;border-left:1px solid #FFF;width:110px;text-align:center;padding:7px 0}
#header .navigation ul>li.active{border-top:3px solid #E1409E;padding-top:4px}
#header .navigation ul>li:nth-child(n+4){border-right:1px solid #FFF}
#header .navigation ul>li:last-of-type{float:right;background:#008E18;width:130px}
#header .navigation ul>li a{color:#FFF;text-decoration:none}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){body,html{overflow:auto}
#header .logo{padding:5px 0;background:radial-gradient(circle 120px,#5E5E5E,#353535)}
#header .logo img{height:62px}
#header .navigation ul{padding:0 10px;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
#header .navigation ul>li{-webkit-flex:1;-ms-flex:1;flex:1;width:auto;float:none;white-space:nowrap;padding:7px}
#header .navigation ul>li:nth-child(n+4){border-right:none}
#header .navigation ul>li:last-of-type{float:none;width:auto;border-right:1px solid #FFF;-webkit-flex:2;-ms-flex:2;flex:2}
}
#content .tiles,#content .tiles>div{display:-webkit-flex;display:-ms-flexbox}
@media (orientation:landscape) and (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px) and (orientation:landscape){#header .navigation ul{padding:0 50px}
}
@media (max-width:600px){#header .navigation ul>li{font-size:.7em}
}
@media (max-width:380px){#header .navigation ul{padding:0}
#header .navigation ul>li{font-size:.5em}
}
#content{-webkit-flex:1;-ms-flex:1;flex:1}
#content .tiles{display:flex;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;padding:180px 15px 15px}
#content .tiles>div{padding-right:30px;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
#content .tiles>div:last-child{padding-right:0}
#content .tiles>div div{margin-bottom:15px;position:relative}
body:not(.mobile) #content .tiles>div div.overlay:hover{position:relative;cursor:pointer}
body:not(.mobile) #content .tiles>div div.overlay:hover::after,body:not(.mobile) #content .tiles>div div.overlay:hover::before{pointer-events:none;content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
body:not(.mobile) #content .tiles>div div.overlay:hover::before{width:88px;height:89px;background-image:url(../img/play.png);background-size:contain;background-repeat:no-repeat;z-index:10;-webkit-animation:button-push 1s ease;animation:button-push 1s ease;-webkit-animation-delay:.2s;animation-delay:.2s}
body:not(.mobile) #content .tiles>div div.overlay:hover::after{background:rgba(0,0,0,.7);z-index:1}
@media (min-width:2200px){#content .tiles>div div img{width:600px}
}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){#content .tiles{padding-top:120px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#content .tiles>div{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;padding:0}
#content .tiles>div:nth-child(odd){padding-right:7px}
#content .tiles>div:nth-child(even){padding-left:7px}
}
@media (orientation:landscape) and (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px) and (orientation:landscape){#content .tiles{padding:120px 50px 15px}
}
#content .paginate{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:370px;margin:0 auto 15px}
#content .paginate .pagi{color:#E1409E;background:#2A2A2A;text-align:center;border-radius:6px;transition:background .5s ease}
#content .paginate .pagi:hover{background:#353535}
#content .paginate .pagi.arrow{color:#FFF}
#content .paginate .pagi.arrow>a{padding:5px 8px}
#content .paginate .pagi.active{background:#E1409E;color:#FFF}
#content .paginate .pagi>a{padding:5px 13px;display:block;color:inherit}
#content .more-pics{display:none}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){#content .paginate{display:none}
#content .more-pics,#content .more-pics:active,#content .more-pics:focus,#content .more-pics:hover{text-decoration:underline}
#content .more-pics{display:block;color:#FFF;margin:0 0 15px;text-align:center;font-size:30px}
#content .more-pics+.lock-button-wrapper{padding:0 15px}
}
#content .lock-button-wrapper>a:active,#content .lock-button-wrapper>a:focus,#content .lock-button-wrapper>a:hover,#footer .links a{text-decoration:none}
#content .lock-button-wrapper{margin:0 auto 15px;width:360px}
#content .lock-button-wrapper>a{display:block;text-decoration:none}
#content .lock-button-wrapper .lock-button{color:#FFF;border-radius:6px;overflow:hidden;border:none;background-color:#006a12;background-image:url(../img/schloss.png);background-repeat:no-repeat;background-size:40px;background-position:left 10px center;padding:0 0 0 60px}
#content .lock-button-wrapper .lock-button>div{display:inline-block;vertical-align:middle}
#content .lock-button-wrapper .lock-button .text{background:#008E18;padding:15px;font-size:26px;width:100%;text-align:center}
@media (max-width:600px){#content .lock-button-wrapper{width:100%}
#content .lock-button-wrapper .lock-button{width:inherit}
#content .lock-button-wrapper .lock-button .text{font-size:21px}
}
#footer{background:#353535;color:#FFF;padding:15px 0;font-weight:300;text-align:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
@media (orientation:portrait) and (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px) and (orientation:portrait),(max-width:600px){#footer{border-top:none}
}
#footer .links{color:#555}
#footer .links a{color:inherit}
#register{padding:150px 15px 0;text-align:center}
#register h1{margin-top:0;color:#FFF}
#register h1 span{color:#E1409E}
#register .register-wrapper .alert{max-width:1120px;margin-left:auto;margin-right:auto;text-align:left}
#register .register-wrapper>form>div{position:relative}
#register .register-wrapper .register{width:670px;position:absolute;text-align:left;top:0;left:50%;bottom:0;-webkit-transform:translate(-50%);transform:translate(-50%);background:rgba(255,255,255,.6);padding:30px}
#register .register-wrapper .register .email-icon{background:#5A5A5A}
#register .register-wrapper .register .email-icon img{height:22px}
#register .register-wrapper .register>div{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;padding-left:inherit;padding-right:inherit}
#register .register-wrapper img{margin:0 auto}
#register .register-wrapper .anonym{text-align:center;font-size:14px;margin-top:5px}
#register label>span{color:#FFF;padding:0 10px;background:#2A2A2A}
#register .lock-button-wrapper{margin:0 auto;width:auto;text-align:center}
#register .lock-button-wrapper.mobile{display:none}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){#register{padding-top:120px}
#register h1{font-size:4vw;white-space:nowrap}
}
@media (max-width:600px),(orientation:landscape) and (max-width:1023px){#register{padding-top:100px}
#register .lock-button-wrapper{display:none}
#register .lock-button-wrapper.mobile{display:block;padding:15px}
#register .register-wrapper .alert{font-size:14px}
#register .register-wrapper .register{width:90%;padding:30px 10px}
#register .register-wrapper .register label{font-size:15px}
}
#more-videos{width:100%;text-align:center;background:#2A2A2A;padding:15px 0;font-size:1.8em;margin:25px 0;color:#FFF}
.video-tiles>div{margin:0 -5px}
.video-tiles .video{padding:0 5px}
.video-tiles .video>div{color:#FFF;font-size:0}
.video-tiles .video>div span{letter-spacing:.05em;vertical-align:middle;font-size:1rem}
.video-tiles .video>div span.rating{font-weight:300;font-size:14px}
.video-tiles .video>div:last-child{margin-bottom:15px;height:20px}
.video-tiles .video>div:last-child::before{content:"";display:inline-block;vertical-align:middle;height:100%}
.star{background:url(../img/sterne_17_sprite.png) no-repeat;background-position:0 0;background-size:100% auto;width:20px;height:20px;display:inline-block;vertical-align:middle;margin:0 1px}
.star.full{background-position:0 100%}
.star.half{background-position:0 50%}
@media (min-width:1200px) and (max-width:1450px){.star{width:15px;height:15px;margin:0}
}
@media (orientation:portrait) and (max-width:600px){.video-tiles .video>div span,.video-tiles .video>div span.rating{font-size:12px}
.star{width:10px;height:10px;margin:0}
}
.animate{-webkit-animation:tada 2s linear;animation:tada 2s linear}
@-webkit-keyframes button-push{50%{-webkit-transform:scale(.9);transform:scale(.9)}
}
@keyframes button-push{50%{-webkit-transform:scale(.9);transform:scale(.9)}
}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}
30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}
40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}
80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}
30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}
40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}
80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}