@import 'reset.css';
@charset "utf-8";
/* =========================
	Reset Styles
========================= */
body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd, img, form, fieldset, blockquote, hr, input, textarea, button {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family:'Light';
	word-wrap: break-word;
	width:100%;
}

a {
	text-decoration:none;
}

li {
	list-style:none;
}

html {
	height: 100%;
}

@font-face {
	font-family:'Light';
		src:url('../font/HelveticaNeue-Light.eot');
		src:url('../font/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
			url('../font/HelveticaNeue-Light.woff') format('woff'),
			url('../font/HelveticaNeue-Light.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
}

@font-face {
	font-family:'Ultra';
		src:url('../font/HelveticaNeue-UltraLight.eot');
		src:url('../font/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
			url('../font/HelveticaNeue-UltraLight.woff') format('woff'),
			url('../font/HelveticaNeue-UltraLight.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
}

body {
	font-size: 68.5%;
	font-family: 'Light';
	background-color:#101927;
	width:100%;
	height:100%;
	margin-bottom:-200px;
	overflow:hidden;
}

/*.under_const {
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000;
	color:#FFF;
	z-index:1000;
	font-size:1.4em;
}*/

#showreel {
	width:100%;
	height:100%;
	position:fixed;
	z-index:101;
	background-color:#000;
}

.video_container_reel {
	margin-top:0;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
}

#player_reel {
	position:absolute;
	z-index:100;
}

.navi_reel {
	color:#FFF; !important
	text-decoration:none;
}

.enter_website {
	position:fixed;
	bottom:3%;
	left:48.8%;
	z-index:102;
	cursor:pointer;
	width:2.4%;
	height:auto;
}

#menu {
	position:fixed;
	left:0;
    top:0;
	height:200px;
	z-index:102;
	width:100%;
}

.menu_bg {
	background-color:rgba(16,25,39,0.8);
}


#menu img {
	height:125px;
	width:auto;
	margin-left:80px;
	margin-top:40px;
}

#menu .logo {
	width:auto;
	cursor:pointer;
}

#menu .logo_line {
	font-size:5.0em;
	color:#FFF;
	text-transform:uppercase;
	position:absolute;
	top:70px;
	left:35px;
}

#menu .logo_line .under {
	margin-left:4px;
	font-size:0.35em;
	letter-spacing:0.34em;
}

.safari #menu .logo_line .under {
	margin-left:4px;
	font-size:0.31em;
	letter-spacing:0.46em;
}

#menu ul.navi {
	position:absolute;
	top:30px;
	right:20px;
	width:560px;
}

#menu ul.navi li {
	width:20px;
	margin-right:160px;
	height:auto;
	list-style:none;
	float:left;
}

#menu ul.navi li.web { 
	margin-left:-30px;
}

#menu ul.navi li a {
	float:left;
	font-size:1.55em;
	cursor:pointer;
}

.navi_link {
	color:#FFF; !important
	text-decoration:none;
}

.navi_active {
	color:#940034; !important
	text-decoration:underline; 
}

.navi_link2 {
	color:#FFF; !important
	text-decoration:none;
}

.navi_active2 {
	color:#940034; !important
	text-decoration:underline; 
}

#line_bottom {
	background-color:rgba(0,0,0,0.85);
	position:fixed;
	left:0;
    bottom:0;
	height:45px;
	z-index:100;
	width:100%;
}

#line_bottom .navi_left {
	position:absolute;
	left:260px;
	top:14px;
}

#line_bottom .navi_left a:hover {
	color:#940034; !important
}

#line_bottom .navi_left a {
	color:#FFF;
	text-decoration:none;
	font-size:1.5em;
	margin-right:14px;
	text-transform:uppercase;
}

#line_bottom .navi_right {
	position:absolute;
	right:40px;
	top:14px;
}

#line_bottom .navi_right a {
	color:#FFF;
	text-decoration:none;
	font-size:1.5em;
	margin-right:14px;
	text-transform:uppercase;
}

#line_bottom .navi_right a img {
	position:absolute;
	height:26px;
	width:auto;
	margin-top:-5px;
	margin-left:-150px;
}

#line_bottom .copyright {
	position:absolute;
	left:40px;
	top:17px;
	color:#FFF;
	font-size:0.9em;
}

#line_bottom .social {
	position:absolute;
	right:25px;
	top:9px;
}

#line_bottom .social a {
	text-decoration:none;
}

#line_bottom .social a img {
	height:33px;
	width:auto;
	margin-top:-2px;
	margin-left:3px;
	margin-right:3px;
}

#portfolio {
	width:100%;
	height:auto;
	overflow:hidden;
}

#portfolio ul.grid {
	position:absolute;
	margin-top:200px;
	width:100%;
	height:auto;
	padding-bottom:45px;
}

#portfolio ul.grid li.element{
	width: 20%; 
	float: left; 
	position: relative; 
	max-width: 512px; 
	overflow: hidden; 
	word-wrap: break-word; 
	border-radius: 0px;
	margin-bottom:-2px;
	padding:0px;
}

.element .thumbnail-meta-data-wrapper { 
	left: 0; 
	margin-top: 50%; 
	padding: 32px 32px 0 32px; 
	width: 100%; 
	position: absolute; 
	word-wrap: break-word; 
}

.mac-os .element .symbol { 
	font-family: 'Ultra';
}

.element .symbol { 
	color: #fff; 
	font-size:2.8em;
	font-family: 'Light'; 
	width: 75%; 
	position: relative; 
	text-transform: uppercase; 
	z-index: 3; 
}

.mac-os .element .categories { 
	font-family: 'Ultra';
}

.element .categories {
	font-size:1.8em;
	color: #fff; 
	max-width: 100%; 
	left: 0; 
	position: relative; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	word-wrap: break-word; 
	z-index: 3; 
	font-family: 'Light'; 
	text-transform: uppercase; 
	clear: both; 
	margin-top: 0px; 
}

.mac-os .thumbnail-plus { 
	font-family: 'Ultra';
}

.thumbnail-plus { 
	font-size: 7em; 
	font-family: 'Light'; 
	position: absolute; 
	bottom: 0; 
	margin-left: 78%; 
	padding: 0 0 62px 32px; 
	line-height: 0.5; 
	clear: both;
	float: right; 
	color: #ffffff; 
	z-index: 3; 
}

.thumbnail-hover { 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	z-index: 2;
	top:-1px;
	left:0;
	display:none;
}

.element .symbol,
.element .name,
.element .categories,
.element  .thumbnail-plus { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; }
.element:hover .symbol,
.element:hover .categories,
.element:hover .thumbnail-plus { opacity: 1; visibility: visible; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s; transition: opacity 0.25s ease-in-out, visibility 0s; }

hr {
	position:absolute;
	top:20%;
	left:7.32%;
	color:rgba(46,46,46,0.33);
	background-color:rgba(46,46,46,0.33);
	height: 2px;
	border: 0;
  	width: 86%;
}

hr.line_phil {
	position:absolute;
	top:22%;
	left:0;
	color:rgba(46,46,46,0.33);
	background-color:rgba(46,46,46,0.33);
	height: 2px;
	border: 0;
  	width: 142%;
}

.fade {
	display:none;
}

.mac-os .cont_head { 
	font-family: 'Ultra';
}

.cont_head {
	position:fixed;
	bottom:7%;
	left:7%;
	font-family:'Light';
	font-size:15em;
	color:#FFF;
	letter-spacing:0.05em;
	z-index:100;
}

h1 {
	font-size:1.8em;
	color:#940034;
	line-height:1.1em;
}

h2 {
	font-size:1.2em;
	color:#FFF;
	line-height:1.1em;
}

.contact_left {
	width:605px;
	height:auto;
	position:absolute;
	color:#FFF;
	font-family:'Light';
	font-size:2.4em;
	top:29%;
	left:12.2%;
	line-height:1.4em;
}

.contact_left img {
	position:absolute;
	right:0;
	top:0;
	width:47px;
	height:auto;
}

.contact_left ul {
	list-style:none;
}

.contact_left ul li {
	float:left;
	font-family:'Light';
	width:auto;
}

.contact_right {
	width:814px;
	height:auto;
	position:absolute;
	color:#FFF;
	font-family:'Light';
	font-size:1em;
	top:29%;
	left:50%;
}

#kontaktform {
	font-size:1.6em;
	width:510px;
	height:500px;
	letter-spacing:1px;
	padding-bottom:15%;
}

.contact-messages {
	color:#940034;
	font-size:2em;
}

.text {
	color:#000;
	padding:4px;
	padding-left:6px;
	font-size:1.4em;
	font-family:'Light';
	width:800px;
	border:1px solid #CCC;
	letter-spacing:1px;
}

.text_nachricht {
	color:#FFF;
	padding:4px;
	padding-left:6px;
	font-size:1.4em;
	font-family:'Light';
	width:800px;
	height:280px;
	border:1px solid #CCC;
	letter-spacing:1px;
}

.colthree {
	padding-bottom:20px;
}

::-webkit-input-placeholder {
   color:#000;
}

:-moz-placeholder { /* Firefox 18- */
   color:#000;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#000;  
}

:-ms-input-placeholder {  
   color:#000;  
}

.senden {
	margin-top:-20px;
	width:auto;
	height:30px;
	margin-left:1px;
	position:absolute;
	right:1px
}

.error {
	position: absolute;
	color: #940034;
	font-size: 2em;
	margin-top: -20px;
}

#philosophy {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	background-image:url(../img/philosophy_leaving-picutres.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.phil_head {
	left:8%;
	font-family:'Light';
	font-size:9.2em;
	color:#71434b;
	letter-spacing:0.05em;
	z-index:100;
	padding-bottom:0.8em;
}

.mac-os .phil_head { 
	font-family: 'Ultra';
}

.phil_txt {
	left:8%;
	bottom:12%;
	width:60%;
	position:absolute;
	height:auto;
	color:#BBB;
	font-family:'Light';
	font-size:1.9em;
	line-height:1.1em;
	text-align:justify;
}


.turn {
	display:none;
}

#scrollbar1 { 
	height:44%;
	position:absolute;
	left:49%;
	margin-left:-700px;
	top:30%;
	font-family:'Light';
	font-size:1.7em;
	line-height:1.1em;
	padding-right:20px;
	z-index:202;
	text-align:justify;
}

#scrollbar1 .viewport { 
	width: 1400px; 
	height: 100%; 
	overflow: hidden; 
	position: relative; 
}

#scrollbar1 .overview { 
	list-style: none; 
	position: absolute; 
	left: 0; 
	top: 0; 
	padding: 0; 
	margin: 0; 
	color:#FFF;
	font-family:'Light';
}

.link { 
	text-decoration:none;
	color:#940034;
}

.link2 { 
	text-decoration:none;
	color:#000;
}

#scrollbar1 .overview img { 
	height:100px;
	width:auto;
}

#scrollbar1 .scrollbar {  
	position: relative; 
	float: right; 
	width: 8px;
	height:100%; 
	margin-right:-50px;
	border: solid rgba(46,46,46,0.33) 1px;
	border-left:none;

}

#scrollbar1 .thumb { 
	background-color:#940034;
	position: relative;
	top: 0;
	margin-right: 2px;
	cursor: default;
	height:100px;
}

#scrollbar1 .disable { 
	display: none; 
}

.noSelect { 
	user-select: none; 
	-o-user-select: none; 
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
}

.video_container {
	position:absolute;
	width:100%;
	height:100%;
	z-index:99;
}

.mac-os .video_container .info_white { 
	font-family: 'Ultra';
}

.video_container .info_white {
	font-family:'Light';
	font-size:2.5em;
	color:#FFF;
	position:absolute;
	left:3%;
	bottom:9%;
	z-index:100;
	line-height:1.1em;
	letter-spacing:1px;
}

.mac-os h4 { 
	font-family: 'Ultra';
}

h4 {
	font-family:'Light';
	color:#FFF;
	font-size:1.5em;
	line-height:1.1em;
}

.mac-os .video_container .info_black { 
	font-family: 'Ultra';
}

.video_container .info_black {
	font-family:'Light';
	font-size:2.5em;
	color:#FFF;
	position:absolute;
	left:3%;
	bottom:9%;
	z-index:100;
	line-height:1.1em;
	letter-spacing:1px;
}

.mac-os h5 { 
	font-family: 'Ultra';
}

h5 {
	font-family:'Light';
	color:#FFF;
	font-size:1.5em;
	line-height:1.1em;
}

#player1 {
	position:absolute;
	display:none;
	z-index:98;
}

.play_w {
	position:absolute;
	bottom:24%;
	right:8%;
	font-family:'Light';
	color:#FFF;
	font-size:4em;
	cursor:pointer;
	width:100px;
	background:none;
}

.play_s {
	position:absolute;
	bottom:24%;
	right:8%;
	font-family:'Light';
	color:#000;
	font-size:4em;
	cursor:pointer;
	width:100px;
	background:none;
}

#menu a.close {
	position:absolute;
	width:56px;
	height:auto;
	top:18%;
	right:8%;
	z-index:100;
}

#menu a.close img {
	width:56px;
	height:auto;
}

.close {
	position:absolute;
	width:56px;
	height:auto;
	top:4%;
	right:8%;
	z-index:100;
}

.close img {
	width:56px;
	height:auto;
}

.photo {
	position:absolute;
	overflow:hidden;
	position:absolute;
	width:100%;
	top:200px;
}

.photo img {
	width:100%;
	height:auto;
}

.photos {
	width:100%;
	height:auto;
}

.loading {
	position:absolute;
	background-image:url(../img/ladebutton.png);
	background-size:100% 100%;
	height: 112px;
	width: 112px;
	margin-left: -56px;
	margin-top: -56px;
	top:50%;
	left:50%;
}

.scroll_down {
	position:fixed;
	right:3%;
	bottom:6%;
	height:11%;
	width:auto;
	z-index:100;
}

#websites {
	width:100%;
	height:auto;
	margin-top:240px;
	overflow:hidden
}

#websites_left {
	width:60%;
	height:auto;
}

#websites_left ul.grid {
	position:absolute;
	width:100%;
	height:auto;
}

#websites_left ul.grid li.element{
	width: 50%; 
	position: relative; 
	max-width: 1280px; 
	overflow: hidden; 
	word-wrap: break-word; 
	border-radius: 0px;
	margin-bottom:-1px;
	padding:0px;
	padding:1% 2% 1% 2%;
}

#websites_right {
	position:absolute;
	left:54%;
	width:45%;
	height:auto;
}

#websites_right img.element_top {
	position:absolute;
	margin-top:2%;
	width:80%;
	height:auto;
}

#websites_right img.element_round {
	position:absolute;
	margin-top:77%;
	margin-left:31%;
	width:18%;
	height:auto;
}

#websites_right img.element_phone {
	position:absolute;
	margin-top:105.5%;
	margin-left:12%;
	width:56%;
	height:auto;
}

#websites_right img.element_phone2 {
	position:absolute;
	margin-top:90.5%;
	margin-left:12%;
	width:56%;
	height:auto;
}

#websites_right img.element_dg {
	position:absolute;
	margin-top:80.5%;
	margin-left:28%;
	width:26%;
	height:auto;
}

#websites_right img.element_mb1 {
	position:absolute;
	margin-top:74%;
	margin-left:20%;
	width:40%;
	height:auto;
}

#websites_right img.element_mb2 {
	position:absolute;
	margin-top:100%;
	margin-left:3%;
	width:74%;
	height:auto;
}

#websites_right img.element_sb {
	position:absolute;
	margin-top:86%;
	margin-left:3%;
	width:74%;
	height:auto;
}

#websites_right .txt {
	position:absolute;
	margin-top:50%;
	width:80%;
	height:auto;
	text-align:center;
	color:#000;
	font-family:'Light';
	font-size:1.8em;
	text-transform:uppercase;
}

#websites_right .txt a {
	color:#000;
	font-family:'Light';
}

#team {
	width:100%;
	height:auto;
	overflow:hidden;
}

#team ul.grid {
	position:absolute;
	margin-top:200px;
	width:100%;
	height:auto;
	padding-bottom:45px;
}

#team ul.grid li {
	width: 33.33333333333333333%; 
	float: left; 
	position: relative; 
	max-width: 870px; 
	overflow: hidden; 
	word-wrap: break-word; 
	border-radius: 0px;
	margin-bottom:-2px;
	padding:0px;
}

.overlay {
	width: 100%; 
	height: 100%; 
	position: absolute; 
	z-index: 2;
	top:-2px;
	left:0;
	background-color:rgba(0,0,0,0.5);
	display:block;
}

#team_single {
	position:absolute;
	width:100%;
	height:auto;
	margin-top:200px;
	padding-bottom:47px;
}

.description {
	width:80%;
	margin:2% 10% 2% 10%;
	font-size:1.8em;
	line-height:1.2em;
	font-family:'Light';
}

h6 {
	font-size:1.8em;
	line-height:0.9em;
	font-family:'Light';
	color:#ca1651;
	margin-bottom:3%;
}

.team_overview {
	width:100%;
	height:auto;
}

.team_overview img {
	width:25%;
	float: left; 
	position: relative; 
	max-width: 870px; 
	overflow: hidden; 
	word-wrap: break-word; 
	border-radius: 0px;
	margin-bottom:-2px;
	padding:0px;
}

.mobile_grid_one {
	display:none;
}

.mobile_grid {
	background-color:rgba(0,0,0,0.85);
	display:none;
	margin-top:0;
	font-size:1.8em;
	line-height:1.4em;
	width:100%;
	letter-spacing:1px;
	text-transform:uppercase;
}

.mobile_grid a.left1 {
	position:absolute;
	color:#FFF;
	left:8%;
}

.mobile_grid a.right1 {
	position:absolute;
	color:#FFF;
	right:8%;
}

.mobile_grid img {
	width:auto;
	height:25px;
	float:right;
	margin-right:8%;
}
	
.mobile_website { display:none;}

#leistungen {
	position:absolute;
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:200px;
	background-color:#FFF;
	margin-bottom:45px;
}

#leistungen ul.table li {
	width:42%;
	margin-left:4%; 
	margin-right:4%;
	color:#000;
	float:left;
	font-family:'Light';
	font-size:1.9em;
	line-height:1.1em;
	text-align:justify;
	margin-bottom:30px;
}

#leistungen ul.table {
	position:relative;
	width:100%;
	height:auto;
	margin-top:45px;
	margin-left:0;
}

.leistungen-video {
	width:850px;
	height:478px;
	background-color:#333;
	margin-bottom:30px;
	float:left;
	color:#FFF !important;
	text-align:center !important;
}

.row1 {
	display:inline-table;
}

#makingof {
	position:absolute;
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:200px;
	background-color:#212121;
	margin-bottom:45px;
}

ul.table {
	position:relative;
	margin-left:80px;
	width:85%;
	height:auto;
	margin-top:45px;
}

#makingof .left {
	margin-top:90px;
	margin-bottom:250px;
	font-family:'Light';
	font-size:1.9em;
	line-height:1.1em;
	text-align:justify;
	color:#FFF;
	width:52%;
	float:left;
}

#makingof .right {
	width:850px;
	height:478px;
	float:right;
	margin-bottom:40px;
}

.right img {
	width:31.333333%;
	padding-left:1%;
	padding-right:1%;
	height:40%;
	padding-top:1%;
	padding-bottom:1%;
	float:left;
	cursor:pointer;
}

.big-container {
	position:fixed;
	width:100%;
	height:100%;
	background-color:#212121;
	z-index:100000;
	overflow:scroll;
	display:none;
}

.picture-big {
	position:absolute;
	width:auto;
	max-height:90%;
	max-width:90%;
	height:auto;
	margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.big1 {
	display:none;
}

.big2 {
	display:none;
}

.big3 {
	display:none;
}

.big4 {
	display:none;
}

.big5 {
	display:none;
}

.big6 {
	display:none;
}

.pl {
	padding-left:0 !important;
}

.pt {
	padding-top:0 !important;
}

h3 {
	font-family:'Light';
	font-size:1.5em;
}

.desktop {
	display:block
}

#jobs {
	background-image:url(../img/jobs.jpg);
	background-size:cover;
	position:fixed;
	width:100%;
	height:100%;
}

.foto-copy {
	position:absolute;
	right:5px;
	top:5px;
	color:#FFF;
	font-size:0.8em;
}

#job_content {
	position:absolute;
	width:100%;
	top:70%;
	height:auto;
	background-color:#212121;
	color:#FFF;
}

.job_left {
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
	width:60%;
	height:auto;
	font-family:'Light';
	font-size:1.9em;
	line-height:1.3em;
}

.job_right {
	position:absolute;
	bottom:10%;
	right:5%;
	font-size:12em;
	line-height:0.9em;
	font-family:Helvetica;
	font-weight:bold;
}

#nav-icon1 {
	display:none;
}

#menu-mobile {
	display:none;
}

#contact-vermietung {
	width: 100%;
	top: 0;
	left: 0;
	padding-top: 1%;
	padding-bottom: 1%;
	background-color: #940034;
	color: #FFF;
	font-size: 2.5em;
	text-align: right;
	font-family:'Light';
}

#contact-vermietung a {
	color: #FFF;
	text-decoration: none;
}

ul.vermietung-table {
	width:100%;
	height: auto;
	margin-top: 50px;
}

li.vermietung-block {
	width:25%;
	float: left;
	margin-bottom: 80px;
}

li.vermietung-block img {
	width: 80%;
	height: auto;
	float: left;
	margin-left: 10%;
}

.description {
	float:left;
	width: 80%;
}

.pricetag {
	text-align: right;
}

#newsletter {
	width:100%;
	height:100%;
	background-color:#212121;
	position:absolute;
}

#mc_embed_signup {
	font-size:2em;
	clear:left; 
	font-family:'Light';
	width:500px;
	margin:0 auto;
	color:#FFF;
	margin-top:20%;
}

#mce-EMAIL {
	font-size:1em;
	padding:3px 2px 3px 2px;
}

.response {
	font-family:'Light';
	font-size:0.8em
}

.button {
	margin-top:10px;
	width:140px;
	font-size:1em;
	color:#FFF;
	background-color:#940034;
	padding:3px 2px 3px 2px;
	cursor:pointer;
}

/*input {
    -webkit-appearance: none;
}*/


@media (max-width: 2300px) {
	.element .thumbnail-meta-data-wrapper { margin-top: 48%; padding: 32px 32px 0 32px; }
	.element .symbol { font-size:2.5em; width: 75%; }
	.element .categories { font-size:1.7em; }
	.thumbnail-plus { font-size: 6.5em; margin-left: 77%; padding: 0 0 12% 32px; }
}
@media (max-width: 2100px) {
	#websites_right .txt { font-size:1.6em; }
	.role { height:160px; }
	.role img.webtext { margin-left:-103px; }
	.element .thumbnail-meta-data-wrapper { margin-top: 48%; padding: 32px 32px 0 32px; }
	.element .symbol { font-size:2.3em; width: 75%; }
	.element .categories { font-size:1.5em; }
	.thumbnail-plus { font-size: 6em; margin-left: 75%; padding: 0 0 12% 32px; }
	#scrollbar1 { height:42%; left:49%; margin-left:-600px; top:31%; font-size:1.6em; }
	#scrollbar1 .viewport { width: 1200px; }
	#scrollbar1 .overview img { height:90px; }
	#scrollbar1 .scrollbar { width: 8px; margin-right:-50px; }
	#scrollbar1 .thumb { margin-right: 2px; }
	.cont_head { bottom:5%; left:5%; font-size:13em; letter-spacing:0.05em; }
	.contact_left { width:550px; font-size:2.2em; top:27%; left:14.2%; line-height:1.3em; }
	.contact_left img { width:41px; }
	.contact_right { width:716px; font-size:0.9em; top:27%; left:50%; }
	#kontaktform { font-size:1.6em; width:510px; height:500px; letter-spacing:1px; }
	.text { padding:4px; padding-left:6px; font-size:1.4em; width:700px; letter-spacing:1px; }
	.text_nachricht { padding:4px; padding-left:6px; font-size:1.4em; width:700px; height:230px; letter-spacing:1px; }
	.colthree { padding-bottom:15px; }
	.senden { margin-top:15px; height:26px; margin-left:1px; }
	.video_container .info_white { font-size:2.3em; }
	.video_container .info_black { font-size:2.3em; }
	.phil_head { left:8%; font-size:8.1em; letter-spacing:0.05em; padding-bottom:0.7em; }
	.phil_txt { left:8%; bottom:10%; width:63%; font-size:1.6em; line-height:1.1em; }
	hr.line_phil { top:20%; height: 2px; width: 135%; }
	.description { font-size:1.5em; }
	#leistungen { margin-top:200px; margin-bottom:45px;}
	#leistungen ul.table li { width:42%; margin-left:4%; margin-right:4%; font-size:1.6em; line-height:1.1em; margin-bottom:30px;}
	#leistungen ul.table { margin-top:45px;}
	.leistungen-video { width:780px; height:440px; margin-bottom:30px;}
	#makingof { margin-top:200px; margin-bottom:45px; }
	ul.table { margin-left:80px; width:85%; margin-top:45px; }
	#makingof .left { margin-top:90px; margin-bottom:220px; font-size:1.6em; width:50%; }
	#makingof .right { width:780px; height:440px; margin-bottom:40px; }
	#job_content {top:70%;}
	.job_left {margin-left:5%; margin-top:5%; margin-bottom:5%; width:60%; font-size:1.6em; }
	.job_right {bottom:10%; right:5%; font-size:10em; line-height:0.9em; }
	#contact-vermietung {padding-top: 1%; padding-bottom: 1%; font-size: 2.3em;}
	#mc_embed_signup {font-size:1.8em; width:450px; margin-top:20%;}
	.button {margin-top:10px; width:120px;}
}
@media (max-width: 1900px) {
	.element .thumbnail-meta-data-wrapper { margin-top: 47%; padding: 32px 32px 0 32px; }
	.element .symbol { font-size:2.1em; width: 75%; }
	.element .categories { font-size:1.3em; }
	.thumbnail-plus { font-size: 5.8em; margin-left: 75%; padding: 0 0 13% 32px; }
	.video_container .info_white { font-size:2.2em; }
	.video_container .info_black { font-size:2.2em; }
	#leistungen { margin-top:200px; margin-bottom:45px;}
	#leistungen ul.table li { width:42%; margin-left:4%; margin-right:4%; font-size:1.6em; line-height:1.1em; margin-bottom:30px;}
	#leistungen ul.table { margin-top:45px;}
	.leistungen-video { width:710px; height:405px; margin-bottom:30px;}
	#makingof { margin-top:200px; margin-bottom:45px; }
	ul.table { margin-left:80px; width:85%; margin-top:45px; }
	#makingof .left { margin-top:90px; margin-bottom:170px; font-size:1.6em; width:50%; }
	#makingof .right { width:710px; height:405px; margin-bottom:30px; }
}
@media (max-width: 1700px) {
	#portfolio ul.grid { margin-top:150px; padding-bottom:34px; }
	#team ul.grid { margin-top:150px; padding-bottom:34px; }
	#team_single { margin-top:150px; padding-bottom:36px; }
	#menu { height:150px; width:100%; }
	#menu img { height:95px; width:auto; margin-left:50px; margin-top:30px; }
	#menu .logo_line { font-size:4.0em; top:51px; left:26px; }
	#menu .logo_line .under { font-size:0.36em; letter-spacing:0.29em; }
	.safari #menu .logo_line .under { margin-left:4px; font-size:0.38em; letter-spacing:0.24em; }
	#menu ul.navi { top:17px; right:20px; width:445px; }
	#menu ul.navi li { width:20px; margin-right:120px; }
	#menu ul.navi li a { font-size:1.35em; }
	#line_bottom { height:34px; }
	#line_bottom .navi_left { left:200px; top:11px; }
	.safari #line_bottom .navi_left { left:230px; top:11px; }
	#line_bottom .navi_left a { font-size:1.3em; margin-right:14px; }
	#line_bottom .navi_right { right:160px; top:11px; }
	#line_bottom .navi_right a { font-size:1.3em; margin-right:14px; }
	#line_bottom .copyright { left:30px; top:14px; font-size:0.7em; }
	#line_bottom .social {right:15px; top:9px;}
	#line_bottom .social a img {height:26px; margin-top:-5px; margin-left:3px; margin-right:3px;}
	#websites { margin-top:170px; }
	#websites_right .txt { font-size:1.3em; }
	.role { height:140px; }
	.role img.webtext { margin-left:-90px; }
	.photo { top:150px; }
	.element .thumbnail-meta-data-wrapper { margin-top: 44%; padding: 18px 18px 0 18px; }
	.element .symbol { font-size:2.0em; width: 75%; }
	.element .categories { font-size:1.2em; }
	.thumbnail-plus { font-size: 5.5em; margin-left: 75%; padding: 0 0 16% 18px; }
	#scrollbar1 { height:41%; left:49%; margin-left:-500px; top:30%; font-size:1.5em; }
	#scrollbar1 .viewport { width: 1000px; }
	#scrollbar1 .overview img { height:85px; }
	#scrollbar1 .scrollbar { width: 8px; margin-right:-40px; }
	#scrollbar1 .thumb { margin-right: 2px; }
	.cont_head { bottom:4%; left:4%; font-size:12em; letter-spacing:0.05em; }
	hr { top:150px; left:5.32%; width: 88%; }
	#menu a.close { width:45px; top:18%; right:7%; }
	#menu a.close img { width:45px; height:auto; }
	.close { width:45px; top:4%; right:7%; }
	.close img { width:45px; }
	.contact_left { width:450px; font-size:1.9em; top:27%; left:12.2%; line-height:1.2em; }
	.contact_left img { width:33px; }
	.contact_right { width:562px; font-size:0.8em; top:27%; left:50%; }
	#kontaktform { font-size:1.6em; width:510px; height:400px; letter-spacing:1px; }
	.text { padding:3px; padding-left:5px; font-size:1.4em; width:550px; letter-spacing:1px; }
	.text_nachricht { padding:3px; padding-left:5px; font-size:1.4em; width:550px; height:180px; letter-spacing:1px; }
	.colthree { padding-bottom:13px; }
	.senden { margin-top:7px; height:23px; margin-left:1px; }
	.phil_head { left:8%; font-size:8.1em; letter-spacing:0.05em; padding-bottom:0.8em; }
	.phil_txt { left:8%; bottom:12%; width:63%; font-size:1.4em; line-height:1.1em; }
	.description { font-size:1.3em; }
	.video_container .info_white { font-size:2.0em; }
	.video_container .info_black { font-size:2.0em; }
	.play_w { bottom:24%; right:8%; font-size:3.5em; }
	.play_s { bottom:24%; right:8%; font-size:3.5em; }
	#leistungen { margin-top:150px; margin-bottom:34px;}
	#leistungen ul.table li { width:42%; margin-left:4%; margin-right:4%; font-size:1.4em; line-height:1.1em; margin-bottom:30px;}
	#leistungen ul.table { margin-top:45px;}
	.leistungen-video { width:600px; height:340px; margin-bottom:30px;}
	#makingof { margin-top:150px; margin-bottom:34px; }
	ul.table { margin-left:50px; width:85%; margin-top:45px; }
	#makingof .left { margin-top:75px; margin-bottom:150px; font-size:1.4em; width:48%; }
	#makingof .right { width:600px; height:340px; margin-bottom:30px; }
	#job_content {top:70%;}
	.job_left {margin-left:5%; margin-top:5%; margin-bottom:5%; width:60%; font-size:1.4em; }
	.job_right {bottom:10%; right:5%; font-size:9em; line-height:0.9em; }
	#contact-vermietung {padding-top: 1%; padding-bottom: 1%; font-size: 2.0em;}
	#mc_embed_signup {font-size:1.6em; width:400px; margin-top:20%;}
	.button {margin-top:10px; width:100px;}
}
@media (max-width: 1600px) {
	.phil_head { padding-bottom:0.7em; font-size:7.8em; }
	.phil_txt { bottom:10%; }
}
@media (max-width: 1500px) {
	.element .thumbnail-meta-data-wrapper { margin-top: 44%; padding: 20px 20px 0 20px; }
	.element .symbol { font-size:1.9em; width: 75%; }
	.element .categories { font-size:1.1em; }
	.thumbnail-plus { font-size: 5.0em; margin-left: 75%; padding: 0 0 16.5% 20px; }
	.contact_left { width:380px; font-size:1.6em; top:27%; left:10.2%; line-height:1.2em; }
	.contact_left img { width:27px; }
	.contact_right { width:430px; font-size:0.6em; top:27%; left:52%; }
	#kontaktform { font-size:1.6em; width:510px; height:400px; letter-spacing:1px; }
	.text { padding:2px; padding-left:4px; font-size:1.4em; width:420px; letter-spacing:1px; }
	.text_nachricht { padding:2px; padding-left:4px; font-size:1.4em; width:420px; height:150px; letter-spacing:1px; }
	.colthree { padding-bottom:11px; }
	.senden { margin-top:5px; height:19px; margin-left:1px; }
}
@media (max-width: 1450px) {
	.leistungen-video { width:530px; height:306px; margin-bottom:30px;}
	#makingof .left { margin-top:55px; margin-bottom:120px; font-size:1.4em; width:48%; }
	#makingof .right { width:530px; height:306px; margin-bottom:30px; }
}
@media (max-width: 1300px) {
	#portfolio ul.grid { margin-top:120px; padding-bottom:24px; }
	#team ul.grid { margin-top:120px; padding-bottom:24px; }
	#team_single { margin-top:120px; padding-bottom:26px; }
	#menu { height:120px; width:100%; }
	#menu img { height:78px; width:auto; margin-left:40px; margin-top:22px; }
	#menu .logo_line { font-size:3.1em; top:41px; left:20px; }
	#menu .logo_line .under { margin-left:2px; font-size:0.34em; letter-spacing:0.32em; }
	.safari #menu .logo_line .under { margin-left:2px; font-size:0.34em; letter-spacing:0.40em; }
	#menu ul.navi { top:14px; right:10px; width:300px; }
	#menu ul.navi li { width:10px; margin-right:85px; }
	#menu ul.navi li.web { width:10px; margin-right:85px; margin-left:-20px; }
	#menu ul.navi li a { font-size:1.1em; }
	#line_bottom { height:24px; }
	#line_bottom .navi_left { left:150px; top:7px; }
	.safari #line_bottom .navi_left { left:210px; top:7px; }
	#line_bottom .navi_left a { font-size:1.1em; margin-right:12px; }
	#line_bottom .navi_right { right:16px; top:7px; }
	#line_bottom .navi_right a { font-size:1.1em; margin-right:12px; }
	#line_bottom .navi_right a img { height:16px; margin-top:-2px; margin-left:-96px; }
	#line_bottom .copyright { left:16px; top:10px; font-size:0.5em; }	
	#line_bottom .social {right:7px; top:9px;}
	#line_bottom .social a img {height:18px; margin-top:-6px; margin-left:2px; margin-right:2px;}
	#websites { margin-top:135px; }
	#websites_right .txt { font-size:1.0em; }
	.role { height:100px; }
	.role img.webtext { margin-left:-64px; }
	.photo { top:120px; }
	.element .thumbnail-meta-data-wrapper { margin-top: 45%; padding: 15px 15px 0 15px; }
	.element .symbol { font-size:1.7em; width: 75%; }
	.element .categories { font-size:1.0em; }
	.thumbnail-plus { font-size: 4.5em; margin-left: 76%; padding: 0 0 16.5% 15px; }
	#scrollbar1 { height:40%; left:49%; margin-left:-400px; top:30%; font-size:1.3em; }
	#scrollbar1 .viewport { width: 800px; }
	#scrollbar1 .overview img { height:75px; }
	#scrollbar1 .scrollbar { width: 7px; margin-right:-30px; }
	#scrollbar1 .thumb { margin-right: 2px; }
	.cont_head { bottom:4%; left:4%; font-size:9em; letter-spacing:0.05em; }
	hr { top:120px; left:5.32%; width: 90%; height:1px; }
	#menu a.close { width:40px; top:19%; right:7%; }
	#menu a.close img { width:40px; height:auto; }
	.close { width:40px; top:4%; right:7%; }
	.close img { width:40px; }
	.contact_left { width:380px; font-size:1.6em; top:27%; left:10.2%; line-height:1.2em; }
	.contact_left img { width:27px; }
	.contact_right { width:430px; font-size:0.6em; top:27%; left:52%; }
	#kontaktform { font-size:1.6em; width:510px; height:400px; letter-spacing:1px; }
	.text { padding:2px; padding-left:4px; font-size:1.4em; width:420px; letter-spacing:1px; }
	.text_nachricht { padding:2px; padding-left:4px; font-size:1.4em; width:420px; height:150px; letter-spacing:1px; }
	.colthree { padding-bottom:11px; }
	.senden { margin-top:5px; height:19px; margin-left:1px; }
	.phil_head { left:8%; font-size:7.4em; letter-spacing:0.05em; padding-bottom:0.7em; }
	.phil_txt { left:8%; bottom:10%; width:63%; font-size:1.2em; line-height:1.1em; }
	hr.line_phil { top:19%; height: 2px; width: 137%; }
	.description { font-size:1.1em; }
	.video_container .info_white { font-size:1.7em; }
	.video_container .info_black { font-size:1.7em; }
	.play_w { bottom:20%; right:8%; font-size:3.0em; }
	.play_s { bottom:20%; right:8%; font-size:3.0em; }
	#leistungen { margin-top:120px; margin-bottom:24px;}
	#leistungen ul.table li { width:42%; margin-left:4%; margin-right:4%; font-size:1.2em; line-height:1.1em; margin-bottom:30px;}
	#leistungen ul.table { margin-top:45px;}
	.leistungen-video { width:470px; height:268px; margin-bottom:30px;}
	#makingof { margin-top:120px; margin-bottom:24px; }
	ul.table { margin-left:40px; width:86%; margin-top:40px; }
	#makingof .left { margin-top:55px; margin-bottom:90px; font-size:1.2em; width:48%; }
	#makingof .right { width:470px; height:268px; margin-bottom:25px; }
	#job_content {top:70%;}
	.job_left {margin-left:5%; margin-top:5%; margin-bottom:5%; width:60%; font-size:1.2em; }
	.job_right {bottom:10%; right:5%; font-size:8em; line-height:0.9em; }
	#contact-vermietung {padding-top: 1%; padding-bottom: 1%; font-size: 1.6em;}
	#mc_embed_signup {font-size:1.4em; width:400px; margin-top:23%;}
	.button {margin-top:10px; width:90px;}
}
@media (max-width: 1200px) {
	#portfolio ul.grid li.element { width: 25%; }
	.element .thumbnail-meta-data-wrapper { margin-top: 46%; padding: 20px 20px 0 20px; }
	.element .symbol { font-size:1.9em; width: 75%; }
	.element .categories { font-size:1.1em; }
	.thumbnail-plus { font-size: 5.0em; margin-left: 75%; padding: 0 0 14.5% 20px; }
}
@media (max-width: 1100px) {
	.element .thumbnail-meta-data-wrapper { margin-top: 45%; padding: 15px 15px 0 15px; }
	.element .symbol { font-size:1.7em; width: 75%; }
	.element .categories { font-size:1.0em; }
	.thumbnail-plus { font-size: 4.5em; margin-left: 76%; padding: 0 0 16.5% 15px; }
	.safari #menu .logo_line .under { margin-left:2px; font-size:0.46em; letter-spacing:0.1em; }
	#leistungen ul.table { margin-top:40px;}
	.leistungen-video { width:420px; height:245px; margin-bottom:30px;}
	#makingof { margin-top:120px; margin-bottom:24px; }
	ul.table { margin-left:40px; width:86%; margin-top:40px; }
	#makingof .left { margin-top:50px; margin-bottom:80px; font-size:1.2em; width:48%; }
	#makingof .right { width:420px; height:245px; margin-bottom:25px; }
}
@media (max-width: 1000px) {
	.element .thumbnail-meta-data-wrapper { margin-top: 45%; padding: 12px 12px 0 12px; }
	.element .symbol { font-size:1.6em; width: 77%; }
	.element .categories { font-size:0.9em; }
	.thumbnail-plus { font-size: 4.2em; margin-left: 78%; padding: 0 0 17% 12px; }
	#websites_right .txt { font-size:0.8em; }
	#scrollbar1 { height:40%; left:49%; margin-left:-330px; top:30%; font-size:1.3em; }
	#scrollbar1 .viewport { width: 660px; }
	#scrollbar1 .overview img { height:65px; }
	#scrollbar1 .scrollbar { width: 7px; margin-right:-30px; }
	#scrollbar1 .thumb { margin-right: 2px; }
	.cont_head { bottom:4%; left:4%; font-size:7em; letter-spacing:0.05em; }
	hr { top:120px; left:7.72%; width: 85.7%; height:1px; }
	.contact_left { width:330px; font-size:1.4em; top:27%; left:10.2%; line-height:1.2em; }
	.contact_left img { width:23px; }
	.contact_right { width:380px; font-size:0.5em; top:27%; left:52%; }
	#kontaktform { font-size:1.6em; width:510px; height:400px; letter-spacing:1px; }
	.text { padding:2px; padding-left:4px; font-size:1.4em; width:370px; letter-spacing:1px; }
	.text_nachricht { padding:2px; padding-left:4px; font-size:1.4em; width:370px; height:120px; letter-spacing:1px; }
	.colthree { padding-bottom:0px; }
	.senden { margin-top:5px; height:19px; margin-left:1px; }
	.phil_head { left:8%; font-size:7.5em; letter-spacing:0.05em; padding-bottom:0.8em; }
	.phil_txt { left:8%; bottom:14%; width:63%; font-size:1.0em; line-height:1.1em; }
	#line_bottom .copyright { display:none; }
	.safari #line_bottom .copyright { display:none; }
	#line_bottom .navi_left { left:20px; top:6px; }
	.safari #line_bottom .navi_left { left:20px; top:6px; }
	.description { font-size:0.9em; }
	.video_container .info_white { font-size:1.5em; }
	.video_container .info_black { font-size:1.5em; }
	.play_w { bottom:20%; right:8%; font-size:2.7em; }
	.play_s { bottom:20%; right:8%; font-size:2.7em; }
	#leistungen ul.table li { width:42%; margin-left:4%; margin-right:4%; font-size:1.0em; line-height:1.1em; margin-bottom:30px;}
	.leistungen-video { width:370px; height:210px; margin-bottom:30px;}
	#makingof { margin-top:120px; margin-bottom:24px; }
	ul.table { margin-left:40px; width:86%; margin-top:40px; }
	#makingof .left { margin-top:40px; margin-bottom:70px; font-size:1.0em; width:48%; }
	#makingof .right { width:370px; height:210px; margin-bottom:25px; }
	#job_content {top:70%;}
	.job_left {margin-left:5%; margin-top:5%; margin-bottom:5%; width:60%; font-size:1.0em; }
	.job_right {bottom:10%; right:5%; font-size:7em; line-height:0.9em; }
	#contact-vermietung {padding-top: 1%; padding-bottom: 1%; font-size: 1.4em;}
}
@media (max-width: 900px) {
	.element .thumbnail-meta-data-wrapper { margin-top: 45%; padding: 12px 12px 0 12px; }
	.element .symbol { font-size:1.4em; width: 77%; }
	.element .categories { font-size:0.9em; }
	.thumbnail-plus { font-size: 3.7em; margin-left: 78%; padding: 0 0 15% 12px; }
	#leistungen { margin-top:120px; margin-bottom:24px;}
	#leistungen ul.table li { width:42%; margin-left:4%; margin-right:4%; font-size:1.0em; line-height:1.1em; margin-bottom:30px;}
	#leistungen ul.table { margin-top:40px;}
	.leistungen-video { width:350px; height:200px; margin-bottom:30px;}
	#makingof { margin-top:120px; margin-bottom:24px; }
	ul.table { margin-left:40px; width:90%; margin-top:40px; }
	.left { margin-top:30px; margin-bottom:70px; font-size:1.0em; width:50%; }
	.right { width:350px; height:200px; margin-bottom:25px; }
	#line_bottom .social {right:7px; top:9px;}
	#line_bottom .social a img {height:16px; margin-top:-5px; margin-left:1px; margin-right:2px;}
	#job_content {top:70%;}
	.job_left {margin-left:5%; margin-top:5%; margin-bottom:5%; width:60%; font-size:1.0em; }
	.job_right {bottom:10%; right:5%; font-size:6em; line-height:0.9em; }
}
@media (max-width: 800px) {
	#portfolio ul.grid li.element { width: 33.3%; margin-bottom:-2px; }
	#portfolio ul.grid { margin-top:105px; padding-bottom:23px; }
	#team ul.grid { margin-top:105px; padding-bottom:23px; }
	#team_single { margin-top:105px; padding-bottom:25px; }
	#websites { margin-top:115px; }
	#menu { height:105px; width:100%; }
	#menu img { height:60px; width:auto; margin-left:30px; margin-top:25px; }
	#menu .logo_line { font-size:2.3em; top:40px; left:20px; }
	#menu .logo_line .under { margin-left:2px; font-size:0.4em; letter-spacing:0.2em; }
	.safari #menu .logo_line .under { margin-left:2px; font-size:0.4em; letter-spacing:0.2em; }
	#menu ul.navi { top:14px; right:10px; width:260px; }
	#menu ul.navi li { width:10px; margin-right:85px; }
	#menu ul.navi li.web { width:10px; margin-right:78px; margin-left:-20px; }
	#menu ul.navi li a { font-size:1.0em; }
	#line_bottom { height:23px; }
	#line_bottom .navi_left a { font-size:1.0em; margin-right:11px; }
	#line_bottom .navi_right { right:12px; top:6px; }
	#line_bottom .navi_right a { font-size:1.0em; margin-right:12px; }
	#line_bottom .navi_right a img { height:15px; margin-top:-1px; margin-left:-85px; }
	#line_bottom .copyright { display:none; }
	#line_bottom .navi_left { left:20px; top:6px; }
	.photo { top:105px; }
	.element .thumbnail-meta-data-wrapper { margin-top: 45%; padding: 15px 15px 0 15px; }
	.element .symbol { font-size:1.7em; width: 73%; }
	.element .categories { font-size:1.0em; }
	.thumbnail-plus { font-size: 4.5em; margin-left: 76%; padding: 0 0 16.5% 15px; }
	#scrollbar1 { height:40%; left:49%; margin-left:-250px; top:30%; font-size:1.1em; }
	#scrollbar1 .viewport { width: 500px; }
	#scrollbar1 .overview img { height:60px; }
	#scrollbar1 .scrollbar { width: 6px; margin-right:-30px; }
	#scrollbar1 .thumb { margin-right: 2px; }
	.cont_head { bottom:4%; left:4%; font-size:6em; letter-spacing:0.05em; }
	hr { top:105px; left:7.22%; width: 82.7%; height:1px; }
	#menu a.close { width:35px; top:19%; right:7%; }
	#menu a.close img { width:35px; height:auto; }
	.close { width:35px; top:4%; right:7%; }
	.close img { width:35px; }
	.contact_left { width:280px; font-size:1.3em; top:27%; left:10.2%; line-height:1.2em; }
	.contact_left img { width:20px; }
	.contact_right { width:310px; font-size:0.5em; top:27%; left:52%; }
	#kontaktform { font-size:1.6em; width:510px; height:400px; letter-spacing:1px; }
	.text { padding:2px; padding-left:4px; font-size:1.4em; width:300px; letter-spacing:1px; }
	.text_nachricht { padding:2px; padding-left:4px; font-size:1.4em; width:300px; height:100px; letter-spacing:1px; }
	.phil_head { left:8%; font-size:2.5em; letter-spacing:0.05em; padding-bottom:0.8em; margin-top:20px; }
	.phil_txt { left:8%; bottom:14%; width:73%; font-size:1.2em; line-height:1.1em; height:55%; top:35%; overflow:scroll; }
	hr.line_phil { top:25%; height: 2px; width: 100%; }
	.description { font-size:1.3em; }
	h6 { font-size:1.5em;}
	.play_w { bottom:4%; right:5%; font-size:2.5em; }
	.play_s { bottom:4%; right:5%; font-size:2.5em; }
	#leistungen { margin-top:120px; margin-bottom:23px;}
	#leistungen ul.table li { width:42%; margin-left:4%; margin-right:4%; font-size:0.9em; line-height:1.1em; margin-bottom:30px;}
	#leistungen ul.table { margin-top:40px;}
	.leistungen-video { width:300px; height:172px; margin-bottom:30px;}
	#makingof { margin-top:120px; margin-bottom:23px; }
	ul.table { margin-left:30px; width:90%; margin-top:40px; }
	#makingof .left { margin-top:30px; margin-bottom:55px; font-size:0.9em; width:50%; }
	#makingof .right { width:300px; height:172px; margin-bottom:25px; }
	h3 { font-size:1.4em; }
	#job_content {top:70%;}
	.job_left {margin-left:5%; margin-top:5%; margin-bottom:5%; width:60%; font-size:1.0em; }
	.job_right {bottom:10%; right:5%; font-size:6em; line-height:0.9em; }
}
@media (max-width: 720px) {
	#portfolio ul.grid { margin-top:105px; }
	#websites { margin-top:115px; }
	#menu { position:absolute; }
	#menu ul.navi { display:none; }
	#menu .logo { width:350px; position:absolute; left:50%; margin-left:-175px; }
	#menu .logo_line { font-size:2.2em; top:40px; left:20px; width:300px}
	body { overflow:auto; }
	.photo { top:105px; }
	hr { top:105px; left:8%; width: 84%; height:1px; }
	#menu a.close { display:none }
	#websites { width:100%; margin-top:120px; height:1100px; }
	.mobile_website { display:block; }
	#websites_left { position:relative; width:96%; }
	#websites_left ul.grid li.element{ position:relative; width: 100%; }
	#websites_right img { display:none; }
	#websites_right img.element_top { width:96%; }
	#websites_right img.element_round { display:none; }
	#websites_right img.element_phone { display:none; }
	#websites_right img.element_phone2 { display:none; }
	#websites_left img.element_phone2 { margin-top:50px; }
	#websites_right img.element_dg { display:none; }
	#websites_left img.element_dg { width:46%; height:auto; margin-left:27%; }
	#websites_right img.element_mb1 { display:none; }
	#websites_right img.element_mb2 { display:none; }
	#websites_right img.element_sb { display:none; }
	#websites_left .txt { margin-top:2%; margin-bottom:5%; width:100%; font-size:1.3em; text-align:center; text-transform:uppercase; }
	#websites_right .txt { display:none; }
	#websites_left .txt a { color:#000; }
	.contact_left { width:88%; font-size:1.3em; top:120px; left:6%; line-height:1.1em; }
	.contact_left img { width:25px; }
	.contact_right { width:90%; font-size:0.6em; top:420px; left:5%; }
	#kontaktform { font-size:1.6em; width:100%; height:400px; letter-spacing:1px; padding-bottom:10%;}
	.text { padding:2px; padding-left:4px; font-size:1.4em; width:100%; letter-spacing:1px; }
	.text_nachricht { padding:2px; padding-left:4px; font-size:1.4em; width:100%; height:120px; letter-spacing:1px; }
	.colthree { padding-bottom:6px; }
	.senden { margin-top:5px; height:24px; margin-left:1px; right:1.5%}
	.video_container .info_white { bottom:10%; }
	.video_container .info_black { bottom:10%; }
	.cont_head { display:none; }
	#team ul.grid { margin-top:105px; padding-bottom:23px; }
	#team ul.grid li { width: 50%; }
	.overlay { background-color:rgba(0,0,0,0); }
	#leistungen { margin-top:120px; margin-bottom:23px;}
	#leistungen ul.table li { width:100%; margin-left:0%; margin-right:0%; font-size:1.2em; line-height:1.1em; margin-bottom:30px;}
	#leistungen ul.table { margin-top:0px; margin-left:5%; width:90%;}
	.leistungen-video { width:570px; height:330px; margin-bottom:30px;}
	#makingof { margin-top:120px; margin-bottom:23px; }
	ul.table { margin-left:5%; width:90%; margin-top:0px; }
	#makingof .left { margin-top:30px; margin-bottom:20px; font-size:1.2em; width:100%; }
	#makingof .right { width:570px; height:330px; margin-bottom:35px; float:left; }
	h3 { font-size:1.5em; line-height:1.1em; }
	.desktop {display:none}
	#job_content {top:70%;}
	.job_left {margin-left:5%; margin-top:3%; margin-bottom:5%; width:90%; font-size:1.2em; }
	.job_right {position:relative; margin-top:50px; margin-left:150px; padding-bottom:40px; font-size:8em; line-height:0.9em; }
	#nav-icon1 {
		display:block;
		width: 38px;
	  	height: 38px;
	  	position: relative;
	  	margin-left: 10px;
	  	margin-top: 35px;
	  	-webkit-transform: rotate(0deg);
	  	-moz-transform: rotate(0deg);
	  	-o-transform: rotate(0deg);
	  	transform: rotate(0deg);
	  	-webkit-transition: .5s ease-in-out;
	  	-moz-transition: .5s ease-in-out;
	  	-o-transition: .5s ease-in-out;
	  	transition: .5s ease-in-out;
	  	cursor: pointer;
	}

	#nav-icon1 span {
	  display: block;
	  position: absolute;
	  height: 4px;
	  width: 100%;
	  background: #940034;
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}

	#nav-icon1 span:nth-child(1) {
	  top: 0px;
	}

	#nav-icon1 span:nth-child(2) {
	  top: 12px;
	}

	#nav-icon1 span:nth-child(3) {
	  top: 25px;
	}

	#nav-icon1.open span:nth-child(1) {
	  top: 18px;
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  transform: rotate(135deg);
	}

	#nav-icon1.open span:nth-child(2) {
	  opacity: 0;
	  left: -60px;
	}

	#nav-icon1.open span:nth-child(3) {
	  top: 18px;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}

	#menu-mobile {
		position:absolute;
		left:0;
		top:105px;
		background-color:rgba(255,255,255,0.8);
		height:370px;
		width:230px;
		display:none;
	}

	#menu-mobile li {
		padding-left:25px;
		padding-top:5px;
		padding-bottom:5px;
		font-size:2.0em;
		color:#000;
	}

	#menu-mobile li:hover {
		color:#940034;
	}

	#mobile-social {
		position:absolute;
		padding-left:5px;
		bottom:0px;
		background-color:rgba(0,0,0,0.8);
		width:287px;
		padding-bottom:20px;
	}

	#mobile-social img {
		width:28px;
		height:auto;
		margin-left:2px;
		margin-right:2px;
	}

	#line_bottom { display:none; }
	
	#contact-vermietung {padding-top: 3%; padding-bottom: 3%; font-size: 1.3em;}
	ul.vermietung-table {margin-top: 50px;}
	li.vermietung-block {width:46%; margin-left: 2%; margin-right: 2%; margin-bottom: 80px;}
	li.vermietung-block img {width: 100%; margin-left: 0%;}	
	.description {width: 100%; margin-left: 0;}
	#newsletter {padding-bottom:80px;}
}
@media (max-width: 700px) {
	.element .thumbnail-meta-data-wrapper { margin-top: 45%; padding: 12px 12px 0 12px; }
	.element .symbol { font-size:1.4em; width: 77%; }
	.element .categories { font-size:0.9em; }
	.thumbnail-plus { font-size: 3.7em; margin-left: 78%; padding: 0 0 15% 12px; }
	#scrollbar1 { height:62%; left:48%; margin-left:-225px; top:150px; font-size:1.1em; padding-bottom:50px; }
	#scrollbar1 .viewport { width: 450px; }
	#scrollbar1 .overview img { height:60px; }
	#scrollbar1 .scrollbar { width: 6px; margin-right:-30px; }
	#scrollbar1 .thumb { margin-right: 2px; }
	h6 { font-size:1.3em; }
}
@media (max-width: 630px) {
	.description { font-size:1.2em; }
	.leistungen-video { width:450px; height:260px; margin-bottom:35px;}
	#makingof .right { width:450px; height:260px; margin-bottom:35px; float:left; }
}
@media (max-width: 575px) {
	.element .thumbnail-meta-data-wrapper { margin-top: 47%; padding: 10px 10px 0 10px; }
	.element .symbol { font-size:1.2em; width: 77%; }
	.element .categories { font-size:0.7em; }
	.thumbnail-plus { font-size: 3.0em; margin-left: 78%; padding: 0 0 15% 10px; }
}
@media (max-width: 500px) {
	#portfolio ul.grid li.element { width: 50%; }
	#portfolio ul.grid { padding-bottom:0px; }
	#team ul.grid { padding-bottom:0px; }
	#team_single { padding-bottom:0px; }
	.mobile_grid { display:block; }
	.mobile_grid_one { display:block; }
	.element .thumbnail-meta-data-wrapper { margin-top: 46%; padding: 12px 12px 0 12px; }
	.element .symbol { font-size:1.5em; width: 77%; }
	.element .categories { font-size:1em; }
	.thumbnail-plus { font-size: 4em; margin-left: 78%; padding: 0 0 16% 12px; }
	#scrollbar1 { height:60%; left:48%; margin-left:-180px; top:150px; font-size:1.1em; }
	#scrollbar1 .viewport { width: 360px; }
	#scrollbar1 .overview img { height:60px; }
	#scrollbar1 .scrollbar { width: 6px; margin-right:-15px; }
	#scrollbar1 .thumb { margin-right: 2px; }
	.cont_head { bottom:1.5%; left:3%; font-size:7em; letter-spacing:0.05em; }
	.phil_head { font-size:2.0em; color:#FFF}
	hr.line_phil { top:10%; height: 2px; width: 100%; }
	#leistungen { margin-top:120px; margin-bottom:0px;}
	.leistungen-video { width:324px; height:180px; margin-bottom:60px;}
	#makingof { margin-top:120px; margin-bottom:0px; }
	#makingof .right { width:324px; height:180px; margin-bottom:35px; float:left; }
	#contact-vermietung {padding-top: 3%; padding-bottom: 3%; font-size: 1.0em;}
	ul.vermietung-table {margin-top: 30px;width: 100%;}
	li.vermietung-block {width:90%; margin-left: 5%; margin-right: 5%; margin-bottom: 20px;}
	li.vermietung-block img {width: 100%; margin-left: 0%;}	
	.description {width: 100%; margin-left: 0;}
	#mc_embed_signup {font-size:1.4em; width:250px; margin-top:55%;}
}
@media (max-width: 420px) {
	.element .thumbnail-meta-data-wrapper { margin-top: 47%; padding: 10px 10px 0 10px; }
	.element .symbol { font-size:1.3em; width: 77%; }
	.element .categories { font-size:0.8em; }
	.thumbnail-plus { font-size: 3.4em; margin-left: 78%; padding: 0 0 16% 10px; }
	.contact_left { width:88%; font-size:1.3em; top:120px; left:6%; line-height:1.1em; }
	.contact_left img { width:25px; }
	.contact_right { width:90%; font-size:0.6em; top:330px; left:5%; }
	#kontaktform { font-size:1.6em; width:100%; height:400px; letter-spacing:1px; padding-bottom:10%;}
	.text { padding:2px; padding-left:4px; font-size:1.4em; width:100%; letter-spacing:1px; }
	.text_nachricht { padding:2px; padding-left:4px; font-size:1.4em; width:100%; height:120px; letter-spacing:1px; }
	.colthree { padding-bottom:0px; }
	.senden { margin-top:5px; height:24px; margin-left:1px; }
	#menu-mobile {
	position:absolute;
	left:0;
	top:105px;
	background-color:rgba(255,255,255,0.8);
	height:350px;
	width:160px;
	display:none;
	}

	#menu-mobile li {
		padding-left:15px;
		padding-top:3px;
		padding-bottom:3px;
		font-size:1.8em;
		color:#000;
	}

	#mobile-social {
		position:absolute;
		padding-left:10px;
		bottom:0px;
		background-color:rgba(0,0,0,0.8);
		width:160px;
		padding-bottom:10px;
		padding-top:10px;
	}

	#mobile-social img {
		width:35px;
		height:auto;
		margin-left:4px;
		margin-right:4px;
		margin-top:3px;
		margin-bottom:3px;
	}
}
@media (max-width: 400px) {
	#menu .logo { width:180px; position:absolute; left:40%; margin-left:-100px; }
	#menu .logo_line { font-size:1.6em; top:40px; left:20px; width:170px}
	#scrollbar1 { height:60%; left:48%; margin-left:-165px; top:150px; font-size:1.1em; }
	#scrollbar1 .viewport { width: 330px; }
	#scrollbar1 .overview img { height:60px; }
	#scrollbar1 .scrollbar { width: 6px; margin-right:-15px; }
	#scrollbar1 .thumb { margin-right: 2px; }
	.cont_head { bottom:1.5%; left:3%; font-size:7em; letter-spacing:0.05em; }
	.description { font-size:1.0em; }
	
	}
@media (max-width: 370px) {
	#line_bottom { width:100%; max-width:370px; position:absolute; top:0; margin-top:515%; height:140px; background:none; }
	.element .thumbnail-meta-data-wrapper { margin-top: 47%; padding: 10px 10px 0 10px; }
	.element .symbol { font-size:1.2em; width: 77%; }
	.element .categories { font-size:0.7em; }
	.thumbnail-plus { font-size: 3.0em; margin-left: 78%; padding: 0 0 15% 10px; }
	#scrollbar1 { height:60%; left:48%; margin-left:-135px; top:135px; font-size:1.1em; }
	#scrollbar1 .viewport { width: 270px; }
	#scrollbar1 .overview img { height:60px; }
	#scrollbar1 .scrollbar { width: 6px; margin-right:-15px; }
	#scrollbar1 .thumb { margin-right: 2px; }
	.cont_head { bottom:1.5%; left:3%; font-size:6em; letter-spacing:0.05em; }
}
@media (max-width: 330px) {
/*	#menu .logo { width:300px; position:absolute; left:50%; margin-left:-150px; }
	#menu img { height:55px; width:auto; margin-left:10px; margin-top:26px; }
	#menu .logo_line { font-size:2.2em; top:38px; left:70px; }
	#menu .logo_line .under { margin-left:2px; font-size:0.30em; letter-spacing:1px; }
	.safari #menu .logo_line .under { margin-left:2px; font-size:0.47em; letter-spacing:1px; }
*/	.description { font-size:0.9em; }
}

@media (max-width: 300px) {
	
	#portfolio ul.grid li.element { width: 100%; }
	.element .thumbnail-meta-data-wrapper { margin-top: 46%; padding: 12px 12px 0 12px; }
	.element .symbol { font-size:1.5em; width: 77%; }
	.element .categories { font-size:1em; }
	.thumbnail-plus { font-size: 4em; margin-left: 78%; padding: 0 0 16% 12px; }
	.description { font-size:0.8em; }
}

@media (max-width: 720px)
and (orientation : landscape) {
	#websites { width:100%; margin-top:120px; height:1900px; }
	#websites_left img.element_phone2 { margin-top:120px; }
	.video_container .info_white { font-size:1.3em; line-height:1em; }
	.video_container .info_black { font-size:1.3em; line-height:1em; }
}


@media (max-width: 500px)
and (orientation : portrait) {
	.turn { display:block; background-color:#FFF; position:fixed; width:100%; height:100%; z-index:1000; }
}