#mobile_menu {
	display:block;
}

.clear {
    clear:both;
}

#mobile_logo,
#mobile_menu,
#mobile_menu_btn {
	display: none;
}
.cc_container .cc_btn,
.cc_container .cc_message {
    font-size: 12px !important;
}

#credits_wrapper_mobile {
	display:none;
}

#content_wrapper img {
	width:100%;
	height:auto;
}

#mobile_header_sticky,
#headline_mobile {
	display:none;
}
.hovericon {
		width:100% !important;
		height:calc(100% - 17px) !important;
	}
.project_title {
	text-align:center !important;
}
#share_overlay {
	position: fixed;
	z-index:100000;
	background:rgba(23, 22, 22, 1);
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow-y: auto;
	display:none;

}
#share_overlay .close  {
	width:25px;
	height:25px;
	position:absolute;
	top:50px;
	right:50px;
	cursor:pointer;
	z-index:100000;
}
#share_overlay .close span {
	background: #a5a5a5;
	width:100%;
	height:2px;
	color: #fff;
    float: left;
    transition:all 0.3s ease-in;
}

#share_overlay .close:hover span {
	background:#fff;
}

#share_overlay .close span:nth-child(1){
	transform: rotate(45deg);
	margin-top:11px;
}
#share_overlay .close span:nth-child(2){
	transform: rotate(-45deg);
	margin-top:-2px;
}


#share_overlay .share_wrapper {
	width:50%;
	transform: translate(-50%,-50%);
	top:50%;
	left:50%;
	position:absolute;
	text-align: center;
	padding:35px;
}

#share_overlay .share_wrapper .share_icon{
	position: relative;
	width: 50px;
	height:50px;
	background:url(../images/icon_share.svg) no-repeat center center !important;
	background-size:80% !important;
	display: inline-block;
	margin-bottom:15px;
}

#share_overlay .share_wrapper h2 {
	font-size:24px;
	background: url(../images/trenner.png) repeat-x left bottom;
	padding:0 0 25px 0;
}



#share_overlay .share_wrapper h3 {
	font-size:18px;
	color:#fff;
	margin-bottom:25px;
}	

#share_overlay .share_wrapper h4 {
	margin-top:15px;
}

#share_overlay .share_wrapper ul.socialsharing,
ul.socialsharing{
	list-style-type:none;
	padding:15px 0;
	margin:0;
	position:relative;
	height: auto;
    overflow: auto;
    text-align: center;
    background: url(../images/trenner.png) repeat-x left bottom;
	padding:0 0 20px 0;

}

#share_overlay .share_wrapper ul.socialsharing li,
ul.socialsharing li{
	padding:0px;
	margin:0 15px 15px 0;
	display:inline-block;
	width:auto;

}

#share_overlay .share_wrapper ul.socialsharing li a,
ul.socialsharing li a{
	width:140px;
	height:140px;
	padding:0px;
	margin:0;
	text-align: center;
	background:#222;
	display:block;
	position: relative;
	margin-right:0px;
	text-indent: -9999px;
	border:1px solid #222;
	transition: all 0.3s ease;
}

#share_overlay .share_wrapper ul.socialsharing li a.facebook,
ul.socialsharing li a.facebook{
	 background:#222 url(../images/icon_facebook.svg) no-repeat center center !important;
	 background-size:35% !important;

}
#share_overlay .share_wrapper ul.socialsharing li a.reddit,
ul.socialsharing li a.reddit{
	 background:#222 url(../images/icon_reddit.svg) no-repeat center center !important;
	 background-size:35% !important;
}
#share_overlay .share_wrapper ul.socialsharing li a.linkedin,
ul.socialsharing li a.linkedin{
	 background:#222 url(../images/icon_linkedin.svg) no-repeat center center !important;
	 background-size:35% !important;
}
#share_overlay .share_wrapper ul.socialsharing li a.twitter,
ul.socialsharing li a.twitter{
	 background:#222 url(../images/icon_twitter.svg) no-repeat center center !important;
	 background-size:35% !important;
}
#share_overlay .share_wrapper ul.socialsharing li a.mailto,
ul.socialsharing li a.mailto{
	 background:#222 url(../images/icon_mailto.svg) no-repeat center center !important;
	 background-size:35% !important;
}

#share_overlay .share_wrapper ul.socialsharing li a.facebook:hover,
ul.socialsharing li a.facebook:hover{
	 border:1px solid #a5a5a5;

}
#share_overlay .share_wrapper ul.socialsharing li a.reddit:hover,
ul.socialsharing li a.reddit:hover{
	 border:1px solid #a5a5a5;
}
#share_overlay .share_wrapper ul.socialsharing li a.linkedin:hover,
ul.socialsharing li a.linkedin:hover{
	 border:1px solid #a5a5a5;
}
#share_overlay .share_wrapper ul.socialsharing li a.twitter:hover,
ul.socialsharing li a.twitter:hover{
	 border:1px solid #a5a5a5;
}
#share_overlay .share_wrapper ul.socialsharing li a.mailto:hover,
ul.socialsharing li a.mailto:hover{
	 border:1px solid #a5a5a5;
}


#share_overlay .share_wrapper button {
	background:#222;
	color:#a5a5a5;
	padding:15px;
	border:none;
	cursor:pointer;
	text-transform: uppercase;
	border:1px solid #222;
	transition: all 0.3s ease;
	position: relative;
}

#share_overlay .share_wrapper button span.tooltip{
	position: absolute;;
	width:auto;
	background:#444;
	width: 100%;
    padding: 15px;
    background: #444;
    left: 0;
    top: 0;
    height: 100%;
    display: none;
}

#share_overlay .share_wrapper button:hover{
	 border:1px solid #a5a5a5;
}

#share {
	position:absolute;
	top:-30px;
	right:30px;
	width:25px;
	height:28px;
	cursor: pointer;
	z-index:600;
	background: url(../images/icon_share.svg) no-repeat center center !important;
    background-size: 60% !important;
    display: inline-block;
    transition:all 0.2s ease-in;
}

#share:hover {
	opacity: 0.5;
}

#share .text{
	position:absolute;
	z-index:600;
	opacity: 1;
	right:30px;
	transition:all 0.2s ease-in;
	padding:5px 0;
}

#lightbox .logo,
#lightbox #lightboxclose {
	display:none;
}

#wrapper #menu_wrapper #logo {
	padding: 30px 0 0 13px;
	width:188px;
}

@media (max-width:1190px){
	#wrapper {
	    width: 100%;
	    position: relative;
	    margin: 0;
	    padding: 0;
	}

	#wrapper #content_wrapper .column_4,
	#wrapper #content_wrapper .column_3,
	#wrapper #content_wrapper .column_2,
	#wrapper #content_wrapper .column_1{
		display:inline-table;
	}

	#wrapper #menu_wrapper #logo img{
		width: 100%;
		height: auto;
	}

	#wrapper #content_wrapper {
	    width: 76.66666666666667%;
	    position: absolute;
	    top: 70px;
	    left: 24.166666666666668%;
	    text-align: justify;
	    -webkit-hyphens: auto;
	    -moz-hyphens: auto;
	    -ms-hyphens: auto;
	    hyphens: auto;
	    padding-bottom: 80px;
	}
	#wrapper #content_wrapper.showreel{
		width: 73.66666666666667%;
	    margin-top: 0px;
	    top: 0;
	    position: absolute;
	    overflow: hidden;
	    padding-bottom: 56.25%;
    	padding-top: 35px;
	}

	#wrapper #content_wrapper.showreel iframe {
		position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    border: 0;
	}
	
	#wrapper #menu_wrapper {
		width: 16.666666666666664%;
		left:5%;
	}
	#wrapper #menu_wrapper #logo,
	#wrapper #menu_wrapper #menu_title,
	#wrapper #menu_wrapper #menu,
	#wrapper #menu_wrapper #menu a,
	#wrapper #menu_wrapper #menu_content.overview,
	#wrapper #menu_wrapper #menu_content #menu_content_inner_wrapper_top,
	#wrapper #menu_wrapper #menu_content_inner_wrapper.showreel h1, #wrapper #menu_wrapper #menu_content #menu_content_inner_wrapper_top.overview h1,
	#wrapper #menu_wrapper #menu_content #menu_content_inner_wrapper_top span.subheadline,
	#wrapper #menu_wrapper #menu_content #menu_content_inner_wrapper_top h1,
	#wrapper #menu_wrapper #menu_content_inner_wrapper #movie_wrapper, #wrapper #menu_wrapper #menu_content_inner_wrapper h1,
	#wrapper #content_wrapper .toggle_button, #wrapper #menu_wrapper #menu_content_inner_wrapper .toggle_button,
	#wrapper #menu_wrapper #menu_content,
	#wrapper #menu_wrapper #menu_content_inner_wrapper span.title, #wrapper #menu_wrapper #menu_content_inner_wrapper span.project_desc, #wrapper #menu_wrapper #menu_content_inner_wrapper #movie_wrapper span.titlebuttons, #wrapper #menu_wrapper #menu_content_inner_wrapper #movie_wrapper span.title {
		width: 100%;
	}
	#wrapper #content_wrapper .column_2_overview, #wrapper #content_wrapper .column_3_overview{
		margin-right:0%;
	}
	#wrapper #content_wrapper .column_1_overview, #wrapper #content_wrapper .column_4_overview,
	#wrapper #content_wrapper .column_1, #wrapper #content_wrapper .column_2, #wrapper #content_wrapper .column_3, #wrapper #content_wrapper .column_4 {
		margin-right:3.260869565217391%;
	}

	#wrapper #content_wrapper .column_4_overview,
	#wrapper #menu_wrapper #menu ul 
	.sub-menu {
		width:100%;
	}

	#wrapper #content_wrapper .column_2,
	#wrapper #content_wrapper .column_2_overview {
		width:46.73913043478261%; /*47%*/
	}

	#wrapper #content_wrapper .column_4 {
		width:96.73913043478261%;
	}

	#wrapper #content_wrapper .column_3 {
	    width: 71.73913043478261%; /*72%*/
	}

	#wrapper #content_wrapper .column_3_overview {
		width: 75%;
	}

	#wrapper #content_wrapper .column_3_overview .column_3{
		width: 95.65217391304348%;
	}
	#wrapper #content_wrapper .column_3_overview .column_2{
		width: 63%;
	}

	#wrapper #content_wrapper .column_3_overview .column_1{
		width: 28.985507246376812%;
	}
	#wrapper #content_wrapper .column_1_overview,
	#wrapper #content_wrapper .column_1 {
		width:21.73913043478261%; /*22%*/
	}

	#wrapper #content_wrapper .column_1_overview .column_1 {
		width:100% /*22%*/
	}
	#videobox #content {
	    margin-top: 10px;
	    left: 25%;
	    position: absolute;
	    max-width: 100%;
	    width:73%;
	    padding-bottom: 59%;
	    overflow: hidden;
  		padding-bottom: 56.25%;
  		height:auto;
  		top:0;
	}

	#wrapper #menu_wrapper #menu .qtranxs-lang-menu {
		margin-left: 1.6666666666666667%;
	}

	#wrapper #menu_wrapper #menu .qtranxs-lang-menu {
	    padding: 0 4.083333333333333%;
	}
	#lightbox #content .iframe_wrapper,
	#content_wrapper .iframe_wrapper {
		  position: relative; 
		  padding-bottom: 56.25%; /* ratio 16x9 */
		  padding-top: 75px;
		  height: 0; 
		  overflow: hidden; 
		}

		#lightbox #content .iframe_wrapper {
			padding-top: 0;
			margin-top:70px;
		}

		#lightbox #content {
			left: 24.166666666666668%;
			padding-top: 0px;
			margin-top: 0 !important;
		}

	#lightbox #content iframe,
	#content_wrapper.showreel iframe, {
	   height: 100%;
	   left: 0;
	   position: absolute;
	   top: 0;
	   width: 100%;
	}

	#wrapper #content_wrapper img {
		width:100% !important;
		height:auto !important;
	}
	#wrapper #content_wrapper .column_1, #wrapper #content_wrapper .column_2, #wrapper #content_wrapper .column_3, #wrapper #content_wrapper .column_4,
	#wrapper #content_wrapper .column_1_overview, #wrapper #content_wrapper .column_2_overview, #wrapper #content_wrapper .column_3_overview, #wrapper #content_wrapper .column_4_overview {
		/*margin-right:3%;*/
	}
	#wrapper #content_wrapper .column_1_overview span.column_1 img, #wrapper #content_wrapper .column_1_overview span.column_2 img, #wrapper #content_wrapper .column_1_overview span.column_3 img, #wrapper #content_wrapper .column_1_overview span.column_4 img, #wrapper #content_wrapper .column_3_overview span.column_1 img, #wrapper #content_wrapper .column_3_overview span.column_2 img, #wrapper #content_wrapper .column_3_overview span.column_3 img, #wrapper #content_wrapper .column_3_overview span.column_4 img, #wrapper #content_wrapper .column_4_overview span.column_1 img, #wrapper #content_wrapper .column_4_overview span.column_2 img, #wrapper #content_wrapper .column_4_overview span.column_3 img, #wrapper #content_wrapper .column_4_overview span.column_4 img {
	    margin-bottom: 2px;
	}

	#share {
		right:3.260869565217391%;
	}

	.showreel #share {
		right:-5px;
		top:40px;
	}
}

@media (max-width:1720px){
	#share_overlay .share_wrapper ul li a{
		width:100px;
		height: 100px;
	}
	#share_overlay .share_wrapper {
	    width: 60%;
	}
}

@media (max-width:1225px){
	iframe {
		width:100%;
		position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    border: 0;
	}
	
	#videobox #content {
		width:73%;
		margin-top: 85px;
	}

	#lightbox #content {
		width:73%;
		margin-top: 70px;
		position: relative;
	    overflow: hidden;
	}
}

@media (max-width:1024px){
	#share_overlay .share_wrapper ul li a{
		width:100px;
		height: 100px;
	}
	#share_overlay .share_wrapper {
	    width: 60%;
	}

	#videobox #content, #lightbox #content {
		margin-top: 55px;
	}
}
@media (max-width:990px){
	.project_title {
		min-height:33px;
		position: relative;
	    display: block;
	    width: 100%;
	    float: left;
	}

	#videobox #content, #lightbox #content {
		margin-top: 35px;
	}
}

@media (max-width:768px){
	#wrapper #menu_wrapper #menu_content #menu_content_inner_wrapper_top h1 {
		font-size: 20px;
		line-height: 25px;
	}
	ul.socialsharing{
		background:none;
	}

	body {
		position: relative;
		left:0;
		transition:all 0.3s ease-in;
	}
	body.mobile_menu_open {
		left:-300px;
		transition:all 0.3s ease-in;
	}

	#credits_wrapper_mobile .toggle_button span.arrow {
	    position: absolute;
	    width: 10px;
	    height: 20px;
	    left: -15px;
	    background: url(../images/btn_arrow_gray.png) no-repeat 0 3px !important;
	}
	#credits_wrapper_mobile  .toggle_button.active span.arrow {
	    position: absolute;
	    width: 10px;
	    height: 20px;
	    left: -15px;
	    background: none;
	    background: url(../images/btn_toggle_close_gray.png) no-repeat 0 3px !important;
	}
	#headline_mobile {
		display: block;
	}
	.showreel #headline_mobile {	
	    position: absolute;
	    top: 0;
	    z-index: 999;
	    width: 100%;
	}
	#headline_mobile h1 {
		font-size:25px !important;
		
  	}
	#videobox #content, #lightbox #content, #content_wrapper.showreel {
		margin-top: 85px !important;
	    left: 0 !important;
	    position: absolute;
	    max-width: 100% !important;
	    width:100% !important;
	}

	#content_wrapper.showreel {
		margin-top: 0px !important;
		position: relative;
	}

	#lightbox #content {
		margin-top: 0px !important;
	}

	#lightbox .logo,
	#lightbox #lighboxclose{ 
		display: block !important;
	}


	#lightbox #content{
		width: 90vw !important;
    	margin: 0 20px;
		position: relative; 
	}
	#wrapper #content_wrapper.showreel {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 65px !important;
	}

	#content_wrapper .iframe_wrapper {
	  position: relative; 
	  padding-bottom: 56.25%; /* ratio 16x9 */
	  padding-top: 75px;
	  height: 0; 
	  overflow: hidden; 
	}

	#lightbox #content .iframe_wrapper {
		margin-top:0;
	}
	#lightbox #content iframe {
		border: 0;
	   height: 100%;
	   left: 0;
	   position: absolute;
	   top: 0;
	   width: 100%;
	}

	#content_wrapper.showreel{
		width: 90vw !important;
    	margin: 0 20px;
	}
	#videobox #content, #lightbox #content iframe {
		width: 100% !important;
		
	}

	#lightbox {
		z-index: 602;
		top:0;
		overflow:auto;
	}

	#lightbox .logo{
		position:relative;
		width:50%;
		display:block;
		margin: 0 0 35px 0;
	    padding: 30px 0 0 40px;
	    text-align: center;
	    z-index: 601;
	}

	#lightbox .logo a{
		position:relative;
		top:auto;
		margin-right: auto;
		left:auto;

	}

	#lightbox #lightboxclose {
		position: relative;
		width:100%;
		display:block;
		z-index: 601;
		cursor: pointer;
		text-align:center;
		padding:35px 0;
	}

	#wrapper #menu_wrapper #logo img{
		width: auto;
		height: auto;
	}
	
	#wrapper #menu_wrapper #menu .qtranxs-lang-menu ul.sub-menu li a {
		width:100%;
	}

	#mobile_logo {
		display:block !important;
	}

	#mobile_menu_btn{
		background:#171616;
		display:inline-block;
		position: fixed;
		right:30px;
		top:50px;
		color:#fff;
		width: 35px;
		height:28px;
		cursor:pointer;
		z-index:10001;
		padding:5px;
		transition:all 0.3s ease-in;
	}

	body.mobile_menu_open #mobile_menu_btn{
		right:30px;
	}

	#mobile_menu_btn span{
		width: 25px;
	    color: #a5a5a5;
	    height: 2px;
	    margin-bottom: 6px;
	    background: #a5a5a5;
	    display: block;
	    transition:all 0.3s ease-in;
		position: relative;
	}

	#mobile_menu_btn span:nth-child(3){
		margin-bottom: 0px;
	}

	#mobile_menu #mobile_logo{
		position: relative;
		margin:25px 0 0 15px;
		width: 190px;
	}

	#mobile_menu .current-page-ancestor a {
		color:#fff;
	}

	#mobile_menu #sharetitle {
		position: relative;
		padding:0 0 0 25px;
	}

	#mobile_menu #sharetitle .share_icon {
	    position: relative;
	    width: 10px;
	    height: 10px;
	    background: url(../images/icon_share.svg) no-repeat center center !important;
	    background-size: 100% !important;
	    display: inline-block;
	    margin-right: 5px;
	}

	#mobile_menu ul.socialsharing li a{
		width:45px;
		height:45px;
	}

	#mobile_menu ul.socialsharing li {
	    padding: 0px;
	    margin: 0 2px 2px 0;
	}

	#mobile_menu .qtranxs-lang-menu a{
		display:none;
	}

	#mobile_menu .qtranxs-lang-menu .sub-menu {
		padding:25px 0;
	}
	#mobile_menu .qtranxs-lang-menu .qtranxs-lang-menu-item  {
		width:32%;
		display: inline-block;
	}
	#mobile_menu .qtranxs-lang-menu .qtranxs-lang-menu-item img{
		display:none;
	}

	#mobile_menu .qtranxs-lang-menu .qtranxs-lang-menu-item a{
		display:inline-block;
		width: 100%;
		text-align: center;
		border: 1px solid #222;
		background:none;
	}

	#mobile_menu .qtranxs-lang-menu .qtranxs-lang-menu-item.current-menu-item a{
		color:#fff;
		border: 1px solid #a5a5a5;
	}

	body.mobile_menu_open #mobile_menu_btn span{
		width: 25px;
	}

	#mobile_menu_btn.active span:nth-child(1){
		transform: rotate(45deg);
		margin-top:7px;
	}

	#mobile_menu_btn.active span:nth-child(2){
		width: 0px;
	}

	#mobile_menu_btn.active span:nth-child(3){
		transform: rotate(-45deg);
		margin-top:-16px;
	}

	#mobile_menu_btn:hover span {
		color:#fff;
		background:#fff;
	}

	#mobile_menu_overlay {
		display: none;
		position: fixed;
		top:0;
		z-index:9998;
		background:rgba(0,0,0,0.9);
		width:100%;
		height:100%;
		right:0;
	}
	#mobile_menu {
		display: block;
		position: fixed;
		top:0;
		z-index:10000;
		background:#171616;
		width:300px;
		height:100%;
		right:-300px;
		transition:all 0.3s ease-in;
		overflow-y: auto;
	}

	#mobile_menu.open {
		right:0;
	}

	#mobile_menu ul{
		list-style-type:none;
		padding:20px 20px 0 20px;
		margin:0;
	}

	#mobile_menu ul.socialsharing{
		padding-bottom:20px;
	}
	#mobile_menu li {
		
	    position: relative;
	}

	#mobile_menu li a{
		padding:10px 0;
		display: block;
		color:#a5a5a5;
		background: url(../images/trenner.png) repeat-x left bottom;
	}

	#mobile_menu li a:hover{
		color:#fff;
		text-decoration: none;
	}
	
	#wrapper #menu_wrapper #logo {
	    width: 100%;
	    height: auto;
	    display:none;
	}

	#wrapper {
	    width: 100%;
	    position: relative;
	    margin: 0;
	    padding: 0 20px;
	    left:auto;
	}

	.toggle_wrapper,
	#wrapper #content_wrapper {
		width: 100%;
	    position: relative;
	    left:auto;
	    top: auto !important;
	    margin-top:128px;
	}

	#wrapper #content_wrapper.overview {
		margin-top:128px;
	}

	#wrapper #content_wrapper.projectdetails {
		margin-top:0 !important;
	}


	#wrapper #menu_wrapper #menu_content #menu_content_inner_wrapper_top h1 {
	    width: 100%;
	}

	#wrapper #menu_wrapper #menu_content #menu_content_inner_wrapper_top span.subheadline {
	    width: 100%;
	}

	#wrapper #content_wrapper .column_4_overview,
	#wrapper #content_wrapper .column_3_overview,
	#wrapper #content_wrapper .column_2_overview,
	#wrapper #content_wrapper .column_1_overview,
	#wrapper #content_wrapper .column_4,
	#wrapper #content_wrapper .column_3,
	#wrapper #content_wrapper .column_2,
	#wrapper #content_wrapper .column_1{
		/*width:100%;*/
	}
	#wrapper #content_wrapper .column_1,
	#wrapper #content_wrapper .column_2{
		min-height:102px;
	}

	#wrapper #content_wrapper img {
		width:100%;
		height:auto;
	}
	#wrapper #menu_wrapper #menu {
		display: none !important;
	}

	.home #wrapper #menu_wrapper #menu {
		display: block !important;
		position: absolute;
    	/*padding-top: 66%;*/
	}
	.home #wrapper #menu_wrapper #menu a {
		background: url(../images/trenner.png) repeat-x left bottom;
	}

	#wrapper #content_wrapper .column_1 div.bottom div.image {
	    position: relative;
	    bottom: auto;
	    display: none;
	    float: left;
	}
	#wrapper #menu_wrapper #menu .qtranxs-lang-menu {
		text-align: center;
	}
	#wrapper #content_wrapper .column_4_overview, #wrapper #menu_wrapper #menu ul .sub-menu {
	    width: 100%;
	    text-align: center;
    	display: inline-block;
	}

	#wrapper #content_wrapper .column_4_overview, #wrapper #menu_wrapper #menu ul .sub-menu a {
		background:none;
	}

	#mobile_header_sticky {
		position: fixed;
		display:block;
		background: #171616;
		left: auto;
	    top: 0;
	    z-index:1000;
	    width: 100%;
	    padding: 25px 15px;
	}

	#mobile_header_sticky #sticky_logo {
		width:190px;
	}
	#wrapper #menu_wrapper {
	    width: 100%;
	    position: relative;
	    left: auto;
	    top: auto;
	    
	    
	}

	#wrapper #menu_wrapper #menu_content #menu_content_inner_wrapper_top {
	    margin-left: 0px;
	    position: relative;
	    bottom: auto;
	    width: 100%;
	}
	#wrapper #menu_wrapper #menu_content {
	    margin-left: 0px;
	    width: 100%;
	    position: relative;
	    top: auto;
	    margin-top:128px;
	    z-index: 601;
	    height: auto;
	}

	#wrapper #menu_wrapper #menu_content_inner_wrapper #movie_wrapper, #wrapper #menu_wrapper #menu_content_inner_wrapper h1 {
	    padding-bottom: 10px;
	    margin-bottom: 5px;
	    z-index: 602;
	    position: relative;
	    width: 100%;
	    display: block;
	}

	#wrapper #menu_wrapper #menu_content_inner_wrapper {
	    margin-left: 0px;
	    position: relative;
	    top: auto;
	}

	#wrapper #content_wrapper .column_1 div.bottom {
		display: none;
	}
	#wrapper #menu_wrapper #menu_content_inner_wrapper #credits_wrapper {
		display: none !important;
	}

	#videobox #content, #lightbox #content, #content_wrapper.showreel {
	    margin-top: 0;
	    left: auto;
	    position: relative;
	    max-width: 100%;
	}

	#wrapper #menu_wrapper #menu .qtranxs-lang-menu {
		width:100%;
	}

	#share_overlay .share_wrapper {
		width:80%;
	}

	#share_overlay .share_wrapper ul li a{
		width:100px;
		height: 100px;
	}
	#share_overlay .share_wrapper {
	    width: 100%;
	}

	#share {
		display: none;
	}

	#wrapper #menu_wrapper #menu_content.overview {
		display: none;
	}

	#credits_wrapper_mobile {
		display:block;
		clear:both;
	}

	#credits_wrapper_mobile p {
	    margin: 5px 0 10px 0;
	    color: #fff;
	    line-height: 15px;
	}

	#credits_wrapper_mobile b, #credits_wrapper_mobile span.title.gray {
	    color: #a5a5a5;
	}

	#credits_wrapper_mobile .toggle_button {
		padding-top:15px !important;
	}

	#wrapper #content_wrapper .toggle_content {
	    /*padding-top: 20px !important;*/
	    margin-top: 0px !important;
	    background: url(../images/trenner.png) repeat-x left top;
	}

	.nomobileslideshow #crossslide {
		display:none !important;
	}
	

	#crossslide {
	    height: 70vh;
	    left: 0;
	    overflow: hidden;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    z-index: -999;
	    background: #171616;
	    display:block !important;
	}

	#crossslide img{
		width:100% !important;
		height:auto !important;
		top:0 !important;
		left:0 !important;
	}

}
@media (max-height:450px){
	#crossslide {
	    height: 140vh;
	}
}
@media (max-width:720px){
#wrapper #content_wrapper .column_4_overview,
	#wrapper #content_wrapper .column_3_overview,
	#wrapper #content_wrapper .column_2_overview,
	#wrapper #content_wrapper .column_1_overview,
	#wrapper #content_wrapper .column_4,
	#wrapper #content_wrapper .column_3,
	#wrapper #content_wrapper .column_2,
	#wrapper #content_wrapper .column_1,
	#wrapper #content_wrapper .column_3_overview .column_3,
	#wrapper #content_wrapper .column_3_overview .column_2,
	#wrapper #content_wrapper .column_3_overview .column_1{
		width:100%;
	}

	#wrapper #content_wrapper .column_1,
	#wrapper #content_wrapper .column_2{
		min-height:auto;
	}

	.project_title {
    	min-height: auto;
	}

	
}
@media (max-width:670px){


	
}
@media (max-width:420px){
	#share_overlay {
		position: fixed;
		left:0;
		top:0;
	}
	#share_overlay .share_wrapper {
	    width: 100%;
	}
	#share_overlay .share_wrapper ul li a{
		width:80px;
		height: 80px;
	}

	#lightbox #content iframe {
	  position: relative; 
	  top: auto; 
	  left: auto; 
	  width: 100%; 
	  height: 210px; 
	}

}

@media (max-height:700px) and (max-width:420px){
	#share_overlay .share_wrapper{
		position: absolute;
		left:0;
		top:0;
		transform: translate(0,0);
	}
}