.menu-link--styled a,.show-text{text-align:center;display:block}
body{font-family:Roboto,sans-serif;color:#fff;background:url(../img/bg.jpg) top left no-repeat fixed #07111b;background-size:cover}
.main-menu,h2,h3{font-family:'Exo 2',sans-serif}
ul{list-style:none}
a,a:active,a:focus,a:hover{color:#0ff;text-decoration:none}
iframe{max-width:100%}
#making-of iframe {margin-bottom: 3rem; margin-left:4rem}
#trailer li {list-style-image:url(../img/list_button.png); margin-bottom:2.1rem}
#trailer p{font-size:2.25rem; text-decoration:underline}
.stuck{position:fixed;top:0}
.nav-outer{position:relative}
section{margin-top:15rem}
.row .content{padding-top:5rem;padding-bottom:5rem}
.trailer{margin-top:13rem}
.fixed{position:fixed;width:25%;text-align:center}
h2{margin-bottom:50px;font-size:50px}
h2,h3{padding-left:12.5%}
section>h3{margin-bottom:3em}
.active-crew .cast .crew-content:last-child,.active-crew .people .crew-content:last-child,.active-plott .plott article:last-child{margin-bottom:0}
.logo{width:auto;height:144px;margin-top:2rem;margin-bottom:4rem;text-indent:-9999px;background:url(../img/vanity-logo.png) top center no-repeat}
.release-info{margin-bottom:24px}
.toggle-menu{visibility:hidden}
.toggle-menu a,.toggle-menu a:active,.toggle-menu a:focus,.toggle-menu a:hover{color:#07111b}
nav{width:275px;margin:0 auto}
.main-menu{padding:0;margin:0;text-align:left}
.crew-link,.supporter-link{margin-top:12px}
.content img,.show-text i{margin-right:1em}
.menu-link a{margin-left:66px;padding-left:30px;font-size:16px;color:#fff;text-transform:uppercase;background-image:url(../img/menu-polygon.png);background-position:center left;background-repeat:no-repeat}
.menu-link--styled{position:relative;width:198px;height:42px;background-image:url(../img/menu-button.png);background-position:top left;background-repeat:no-repeat;background-size:50px 42px}
.menu-link--styled:hover{background-image:url(../img/menu-button-negative.png)}
.menu-link--styled a{position:absolute;right:0;bottom:0;width:82%;margin-top:12px;font-size:19px;line-height:30px;color:#07111b;text-transform:uppercase;background:#fff}
.menu-link--styled:hover a{color:#fff;background:0 0}
.trailer-link{margin-left:42px}
.crew-link{margin-left:22px}
.making-of-link{margin-left:76px}
.crew-link a,.making-of-link a{top:0;bottom:auto;margin-top:0}
.social-media{margin-top:-12px}
.social-media a{display:block;line-height:25px;color:#07111b;font-size:12px}
.social-media li{float:right;width:29px;height:24px;margin-left:8px;text-align:center;background:url(../img/social-media-bg.png) top left no-repeat;background-size:29px 24px}
.social-media li:hover{background:0 0}
.social-media li:hover a{color:#fff}
.content{position:relative;font-family:Roboto,sans-serif;color:#07111b;background:#fff}
.people__menu,.show-text{position:absolute}
.content h3{padding:3rem 0;margin-bottom:0;font-size:2.25rem;text-decoration:underline;text-transform:none}
.content p:last-child{padding-bottom:3rem}
.content ul{list-style:disc}
.content>div{max-height:23.5rem;overflow:hidden;-webkit-transition:max-height .8s;transition:max-height .8s}
.content.active>div{max-height:9999px}
.content img{float:left;margin-top:-4.5em;margin-bottom:-8em}
.show-text{right:2rem;bottom:-2rem;padding:1rem 3rem;margin-top:1rem;color:#fff;background-color:#07111b;border:none;-webkit-transition:background-color .8s ease;transition:background-color .8s ease}
#press h4 a,.sponsoren a{display:inline-block}
.show-text:active,.show-text:hover{color:#07111b;text-decoration:none;background-color:#fff;border-color:#07111b}
.impressum a,.people__role, #julia a,  #tim a,  #christiani a,  #christian a{color:rgba(7,17,27,.7)}
.plott article{margin-left:12.5%;padding-right:15px;padding-left:15px}
.people .content{margin-top:12em}
.people .row div:nth-of-type(2){margin-top:0}
.people__role{font-style:italic}
#cast h3{padding-bottom:1.75rem}
#press{margin-bottom:6rem}
#press h4 a{height:94px;padding-top:82px;padding-right:315px;line-height:18px;background:url(../img/press-download-bg-top.png) right top no-repeat}
#press h4 a:hover{background-image:url(../img/press-download-bg-top-hover.png)}
#press h4+p{max-width:35em;margin-top:1em}
.sponsoren{padding:0}
.sponsoren li{float:left;padding-right:1em;padding-bottom:1em}
.row .impressum .content{padding-bottom:.5rem}
.impressum .content>div{max-height:none}
.impressum a:hover{text-decoration:underline}
#julia a:hover{text-decoration:underline}
#tim a:hover{text-decoration:underline}
#christiani a:hover{text-decoration:underline}
#christian a:hover{text-decoration:underline}

@media all and (max-width:65em){.main-menu,.release-info,.social-media{display:none}
.main-menu a,.main-menu li,.main-menu-press a,.toggle-menu{text-align:center}
.main-menu li:hover a,.toggle-menu{color:#07111b}
.logo{position:fixed;top:2rem;right:2rem;height:80px;width:93px;background-size:100%;margin-top:0}
.main-menu{position:fixed;top:0;left:0;width:100%;padding-top:6rem;background:#fff}
.main-menu .main-menu-press,.main-menu li,.main-menu-crew,.main-menu-plott,.main-menu-trailer{margin:0;padding:0}
.main-menu a{position:relative;top:auto}
.main-menu li{background:0 0;width:100%;height:auto}
.main-menu li:hover{background-image:none}
.main-menu li a{width:100%;padding:1em 0;margin:0;color:#07111b;font-size:19px;line-height:30px;display:block}
.active-menu .main-menu{display:block}
.toggle-menu{position:fixed;top:3.5rem;left:2rem;z-index:1;background:rgba(255,255,255,.5);padding:1rem;border-radius:30px;height:5rem;width:5rem;visibility:visible}
.toggle-menu i{font-size:3rem}
.trailer h2,.trailer h3{padding-left:0}
.people__menu{display:none}}

@media all and (max-width:45em){h3{font-size:18px}
h4{font-size:16px}
section{margin-top:12rem}
section>h3{margin-bottom:1em}
.people>h3,.plott>h3{margin-bottom:2em}
.content img,.people .content:last-child,.plott article:last-child{margin-bottom:0}
.content{text-align:center;padding-bottom:3em}
.content h3{padding:1rem 0}
.content li,.content p{text-align:left}
.content>div{max-height:15.5rem}
.content img{float:none;margin-top:-1em;margin-right:0;width:186px;height:256px}
.people .content{margin-right:15px;margin-left:15px;padding-right:0;padding-left:0}
.people .content p{padding-left:15px;padding-right:15px}
.press h4 a{background:0 0;padding-right:0;height:auto;padding-top:0}
.sponsoren li{float:none}
.sponsoren a{min-height:auto;min-width:100%;text-align:center}}