/* ============================ FIRST ========================== */
.en {display: none;}
.de {display: block;}

#black_frame {display: none;}
/* ============================ MAIN ========================== */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, small, sub, b, dl, dd, dt, ul, li, label, article, details, footer, header, menu, nav, input, textarea, select {
	background:transparent;
	border:0;
	outline:0;
	padding:0;
	margin:0;
}
html, body {
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	height:100%;
	width:100%;
	color:#999999;
	background:#fff;
}
body {
	overflow-x:hidden
}

/* ============================ TYPO ========================== */
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	color:#222;
}
h1 {
	font-size:36px;
	letter-spacing:3px;
	color:#222;
	text-transform:uppercase;
	margin-bottom: 15px;
}
.subhead {
	/*font-family: 'Montserrat', sans-serif;*/
	font-size:15px;
	letter-spacing:3px;
	color:#666;
	text-transform:normal;
	margin-top: -20px;
	margin-bottom: 20px;
	display:none;
}
p,.phone {
	font-size:14px;
	color:#777
}
b {
	color:#222;
}

/* ============================ CONTAINER ========================== */
.container {
	width:1180px;
	margin:0 auto;
	padding:100px 20px;
}
#current-cont .container {
	padding-bottom: 0px;
}
#lookbook .container {
	padding-top: 0px;
}

/* ============================ ELEMENTS ========================== */
.small-width {
	width:980px;
}
.full-width {
	width:100%!important;
	padding:0;
}
.no-padding {
	padding:0!important;
}
.left {
	float: left;
}
.right {
	float: right;
}

.element_from_top {
	top: -250px;
	padding-right: 0px;
	opacity: 0;
	position: relative;
}
.element_from_bottom {
	bottom: -250px;
	padding-left: 0px;
	opacity: 0;
	position: relative;
}
.element_from_left {
	left: -80px;
	padding-right: 0px;
	opacity: 0;
	position: relative;
}
.element_from_right {
	right: -80px;
	padding-left: 0px;
	opacity: 0;
	position: relative;
}
.last {
	margin-right:0px!important;
}
.text-align-left {
	text-align:left;
}
.text-align-center {
	text-align:center;
}
.text-align-right {
	text-align:right;
}
.div-align-center {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
.border {
	background: none repeat scroll 0 0 #999;
	display: block;
	height: 2px;
	margin: 0 auto;
	width: 100px;
	margin-bottom:40px;
}

/* ============================ LINKS ========================== */
a:hover, a:active, a:focus {
	outline: 0;
}
a, i {
	text-decoration: none;
	cursor:pointer;
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}
li {
	list-style:none;
}
a {
	outline: 0;
}
a:hover {
	text-decoration:none;
}

/* ============================ TABELS ========================== */
.one_one {
	width: 90%;
}
.one_half, .one_half_formular {
	width: 48%;
}
.one_third {
	width: 30.6%;
}
.two_third {
	width: 65.33%;
}
.one_fourth {
	width: 22%;
}
.two_fourth {
	width: 48%;
}
.three_fourth {
	width: 74%;
}
.one_half, .one_half_formular, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth  {
	float: left;
	margin-bottom: 20px;
	margin-right: 4%;
	position: relative;
}


/* ============================ SECTIONS ========================== */
section {
	position: relative;
	background-color:#f5f5f5;
	z-index: 1;
}
.section-title {
	text-align:center;
	width:700px;
	margin:0 auto;
	margin-bottom:60px;
}

.home-section {
	height: 100% !important;
	position: relative;
	width: 100%;
}
#not-found {
	background: url(../../_images/elements/home_pattern.png) repeat;
	height: 100%;
	position: relative;
	width: 100%;
}

/* ============================ LOADER | HOME ========================== */
#loader {
	background:url(../../_images/elements/newave-loading.gif) center center no-repeat;
	height: 50px;
	width: 50px;
	left: 50%;
	top: 50%;
	position: absolute;
	margin: -25px 0 0 -25px;
}
.home-pattern {
	width:100%;
	height:100%;
}
.pattern {
	background:url(../../_images/elements/pattern.png) repeat;
	width:100%;
	height:100%;
}
#home-center {
	height: 100%;
	display: table;
	position: absolute;
	top: 0;
	left:0;
	right:0;
	width:90%;
	margin-left:5%;
	margin-right:5%;
}


/* ============================ LOGO ========================== */
#logo {
	position:absolute;
	width:auto;
	height:50px;
	left:30px;
	margin-top:7px;
	margin-left:0;
	z-index:100;
	display:block;
	transform-style: preserve-3d;
	transition: -moz-transform 0.5s ease 0s;
	background-position: 0 7px !important;
	background-size: auto 50px !important;
}
.logo-back {
	transform: rotateY(-180deg);
}
.logotext, .logotext_small{
	position:relative;
	/*font-family: 'Montserrat', sans-serif;*/
	float:left;
}

.logotext {
	text-transform:uppercase;
	color:#fff;
	font-size:22px;
	margin-top:2px;
}
.logotext_small {
	color:#bbb;
	font-size:16px;
	/*font-weight:bold;
	text-transform:uppercase;*/
	margin-left:18px;
	margin-top:4px;
}
.abfrage {
	position:relative;
	/*font-family: 'Montserrat', sans-serif;*/
	float:left;
	color:red;
	font-size:12px;
	text-transform:uppercase;
	margin-left:15px;
	margin-top:5px;
}

.menu_first {
	position: absolute;
	background-color:black;
	height:50px;
	width:32px;
	height:40px;
	border-radius:3px;
	left:50%;
	margin-left:-10px;
	margin-top:20px;
	cursor:pointer;
}
.menu_first_inside {
	background-image:url(../../_images/elements/menu_top_bottom_bg.png);
	background-size:18px 11px;
	background-position: 0 0;
	height: 22px;
	left: 7px;
	position: absolute;
	top: 10px;
	transition: background-position 0.3s linear 0s;
	width: 18px;
}
.menu_first:hover .menu_first_inside {
	-webkit-animation: top_bottom_over .3s linear infinite;
	-moz-animation: top_bottom_over .3s linear infinite;
	-o-animation: top_bottom_over .3s linear infinite;
	animation: top_bottom_over .3s linear infinite;
}



/* ============================ FULLWIDTH PARALAX SLIDER ========================== */
.parallax {
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed !important;
}
.parallax-overlay {
	background-color:rgba(0,0,0,0.80);
}
.parallax-pattern-overlay {
	background: url("../../_images/elements/pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0.1);
	height: 100%;
	width: 100%;
}
.parallax-slider {
	height:auto !important;
}

ul.fullwidth-slider {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #222;
	z-index: 0;
	-webkit-backface-visibility: visible;
	background-position: center center;
	background-repeat: no-repeat;
}
ul.fullwidth-slider li.slide {
	position: relative;
	display: none;
	overflow: hidden;
	float: left;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-attachment:absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-backface-visibility: visible;
}
ul.fullwidth-slider li.slide .caption {
	position: relative;
	height: 100%;
	width:100%;
}
ul.fullwidth-slider li.slide .caption .caption-inside {
	position: absolute;
	top: 0px;
	width:100%;
}
ul.fullwidth-slider li.slide .caption .slide-caption {
	height: 100%;
	z-index: 0;
	display: table;
	position: relative;
	top: 0;
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
ul.fullwidth-slider li.slide .caption .slide-caption .vertical-align-middle {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}

.slide-caption {
	margin-top:-20px;
}

.vertical-align-middle p {
	margin:20px 0;
	color:#fff;
}
.vertical-align-middle.dark p, .vertical-align-middle.dark h1 {
	color:#222;
}
ul.fullwidth-slider, ul.fullwidth-slider .caption-inside {
	height: 700px;
}

.ultralarge {
	color:#fff;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:100px;
	line-height:80px;
	letter-spacing:0;
}
.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	line-height:30px;
	font-style: italic;
	padding:10px 0;
}
.city {
	font-size: 20px;
}
.parallax-slider .bx-wrapper .bx-next {
	right:50px;
}
.parallax-slider .bx-wrapper .bx-prev {
	left:50px;
}


/* ============================ CONTENT WE ARE NEWAVE ========================== */
.screens {
	position:relative;
}
.big-screen {
	width:620px;
	height:auto;
	margin:0 auto;
	z-index:100;
}
.small-screen-left {
	width:350px;
	height:auto;
	position:absolute;
	left:0;
	top:120px;
	z-index:0;
}
.small-screen-right {
	width:350px;
	height:auto;
	position:absolute;
	right:0;
	top:120px;
	z-index:0;
}


/* ============================ CONTENT ABOUT ========================== */
#about .container p{
	color:#666;
	font-size:14px;
}
#about .pict, #about .text{
	position:relative;
	margin:0px;
	padding:0px;
	float:left;
}
#about .pict{
	margin-right:20px;
	margin-bottom:20px;
}

#about .container ul li{
	color:#666;
	font-size:14px;
	list-style:inside;
}

/* ============================ CONTENT PORTFOLIO ========================== */
.container.portfolio-title {
	padding-bottom:0px;
	margin-top:-45px;
	}
#portfolio {
	padding-bottom: 0;
}

/* Project wrap */
#portfolio-wrap {
	position: relative;
	padding: 0;
	width: 100%;
	margin: 0 auto;
	display: block;
}
#portfolio-wrap .one-four {
	margin: 0!important;
	line-height:0;
	width: 25%;
	padding: 0;
	position:relative;
}

/* Project Item */
.portfolio-item {
	padding: 0;
	position: relative;
	overflow: hidden;
	/*border: 1px solid #333;*/
}
.portfolio-item .portfolio-image {
	display: block;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover !important;
	overflow: hidden;
	padding-bottom: 65%;
}
.portfolio-item .portfolio-image img {
	width: 100%;
	height: auto;
}
.portfolio-item:hover .project-overlay {
	opacity:1;
	transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
}

/* Project Overlay */
.project-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	cursor:pointer;
}
.project-info {
	position:absolute;
	height:100px;
	width:100%;
	top:50%;
	margin-top:-50px;
	text-align:center;
}
.project-name {
	color:#fff;
	text-transform:uppercase;
	margin-top:50px;
	opacity:0;
	transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
}
.portfolio-item:hover .project-name {
	opacity:1;
	-webkit-transition: opacity .4s .5s;
	-moz-transition: opacity .4s .5s;
	-ms-transition: opacity .4s .5s;
	-o-transition: opacity .4s .5s;
	transition: opacity .3s .5s;
}
.project-categories {
	font-size:13px;
	color:#fff;
	opacity:0;
	margin-top:13px;
	transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
}
.portfolio-item:hover .project-categories {
	opacity:0.7;
	-webkit-transition: opacity .4s .8s;
	-moz-transition: opacity .4s .8s;
	-ms-transition: opacity .4s .8s;
	-o-transition: opacity .3s .8s;
	transition: opacity .3s .8s;
}

/* Zooom-Icon */	
.zoom-icon {
	left: 50%;
	position:inherit;
	margin-left:-20px;
	margin-top:10px;
	opacity:0;
	
	transition:all 0.3s ease 0.1s;
	-moz-transition:all 0.3s ease 0.2s;
	-webkit-transition:all 0.3s ease 0.2s;
	-ms-transition:all 0.3s ease 0.2s;
	-o-transition:all 0.3s ease 0.2s;
}
.portfolio-item:hover .zoom-icon {
	opacity:1;
	
	-webkit-transition: opacity .3s .2s, margin-top .3s .2s;
	-moz-transition: opacity .3s .2s, margin-top .3s .2s;
	-ms-transition: opacity .3s .2s, margin-top .3s .2s;
	-o-transition: opacity .3s .2s, margin-top .3s .2s;
	transition: opacity .3s .2s, margin-top .3s .2s;
}

.zoom-icon a {
	background:url(../../_images/elements/zoom.png);
	padding-top:23px;
	background-size:40px 40px;
}
.zoom-icon a:hover {
	background:url(../../_images/elements/zoom_over.png);
	background-size:40px 40px;
	}


/* Portfolio Filters */	
#filters {
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
	display: block;
	float: none;
	z-index: 2;
	position: relative;
}
#filters ul li {
	display: inline-block;
	margin:0 5px;
}
#filters ul li a {
	display: block;
}
#filters ul li a h5 {
	padding: 8px 15px;
	text-transform:uppercase;
	background-color:#eeeeee;
	border-radius:3px;
	font-size:10px;
	transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
}
#filters ul li a:hover h5, #filters ul li a.active h5 {
	color: #fff;
}


/* Portfolio Isotope Transitions */	
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}


/* ============================ CONTENT PUBLIKATIONEN ========================== */
#publikationen .container {margin:-20px 0 -20px 10%;}
#publikationen .container {width: 80%;}

#publikationen .container ul li{
	color:#666;
	font-size:14px;
	list-style:inside;
	margin-top:5px;
}

/* ============================ CONTENT REFERENZEN ========================== */
.logos {
  float: right;
  position: relative;
  left: -50%;
  text-align: left;
}
.logos > .child {
  position: relative;
  left: 50%;
}
.logos ul li {
  list-style-type: none; 
  float: left;
  margin: 5px;
}


.references {
	margin-left:30%;margin-top:-20px; margin-bottom:-40px;
}
.empty {
	margin-left:30px	
}

.references_text ul li {
	color:#888;
	font-size:14px;
	list-style:inside;
	text-align:left;
	width:220px;	
}
.references_text a {
	color:#888;
	text-decoration:none;
}
.references_text a:hover {
	color:#ccc;
}


/* ============================ CONTACT FORMULAR ========================== */
#contact_form {
text-align:center!important;
}
.container_phone {
clear: both;
width: 100%;
}

#phone_text {
position: relative; 
float: left;
left: 50%;
}

#phone_text li {	
position: relative;
float: left;
right: 50%;
}


input[name="name"], input[name="email"], input[name="subject"], textarea {
	color: #333;
	letter-spacing:normal;
	font-size: 14px;
	text-transform:normal;
	
	height: 20px;
	padding: 15px 3%;
	
	width: 94%;
	background:#f5f5f5;
	border-radius:3px;
	margin-bottom:20px;
	border:0px;
	
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-o-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
input[name=name]:focus, input[type=email]:focus, input[name=subject]:focus, textarea:focus {
	background-color: #e1e1e1;
}
textarea {
	height:160px;
	resize:none;
}
#contact_form input, #contact_form textarea{
	border: 1px solid #f5f5f5;	
}

.submit_btn {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	border: 1px solid #D8D8D8;
	padding: 5px 15px;
	color: #ddd;
	font-weight: bold;
	text-transform:uppercase;
	border-radius: 3px;
	background: #000;	
	text-align:center;
	transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
}
.submit_btn:hover {
	background: #666;
}
.error, .success {
	text-align:center;
	color:white;
	font-weight:bold;
	background: red;
	padding: 5px;
	margin-top: 10px;
	border-radius: 3px;
}
.success{
	color:black;
	background: transparent;
	font-weight:normal;
}

.maillink a:hover, .maillink a:active{
	text-decoration:underline;
}

/* ============================ FOOTER ========================== */
footer {
	background-color:#fff;
}

footer {
	box-shadow: 0px -1px 5px rgba(0,0,0,0.15);
	z-index:100;
	position:relative;
	padding:40px 0;
	text-align:center;
}
footer ul.socials-icons {
	margin:10px 0 20px 0;
}
footer ul.socials-icons li {
	margin:10px;
}
ul.socials-icons {
	text-align:center;
	float: left;
	width : 100%;
}
ul.socials-icons li {
	width:35px;
	height:35px;
	margin:5px;
	display:inline-block
}
ul.socials-icons li a {
	opacity:0.5;
	transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
}
ul.socials-icons li a:hover {
	opacity:1;
}		

#menu_top {
	height:50px;
	width:40px;
	border-radius:3px;
	left:50%;
	margin-left:-20px;
	margin-top:-65px;
	position:absolute;
	cursor:pointer;
}
#menu_top_inside {
	background-image:url(../../_images/elements/menu_bottom_top_bg.png);
	background-size:18px 11px;
	background-position: 0 0;
	height: 22px;
	left: 11px;
	position: absolute;
	top: 14px;
	transition: background-position 0.3s linear 0s;
	width: 18px;
}
#menu_top:hover #menu_top_inside {
	-webkit-animation: bottom_top_over .3s linear infinite;
	-moz-animation: bottom_top_over .3s linear infinite;
	-o-animation: bottom_top_over .3s linear infinite;
	animation: bottom_top_over .3s linear infinite;
}


 @-webkit-keyframes bottom_top_over {
 0% {
 background-position: 0px 0px;
}
 100% {
 background-position: 0px -11px;
}
}
 @-moz-keyframes bottom_top_over {
 0% {
 background-position: 0px 0px;
}
 100% {
 background-position: 0px -11px;
}
}
 @keyframes bottom_top_over {
 0% {
 background-position: 0px 0px;
}
 100% {
 background-position: 0px -11px;
}
}


@-webkit-keyframes top_bottom_over {
 0% {
 background-position: 0px 0px;
}
 100% {
 background-position: 0px 11px;
}
}
 @-moz-keyframestop_bottom_over {
 0% {
 background-position: 0px 0px;
}
 100% {
 background-position: 0px 11px;
}
}
 @keyframes top_bottom_over {
 0% {
 background-position: 0px 0px;
}
 100% {
 background-position: 0px 11px;
}
}


/* 
==================================================================
                  Responsive Media Querries
================================================================== */
	
	/* =========================================
                   1600 + 1900 Desktop
     =========================================== */
	 	
	@media only screen and (max-width: 1900px) {
	.l_1900, .l_1600, .l_1500, .l_1400, .l_1200, .l_1152, .l_1024, .l_768, .l_600, .l_480, .l_320 {display:none;}
	.l_1900 {display:block;} 
	}
	@media only screen and (max-width: 1600px) {
	.l_1900, .l_1600, .l_1500, .l_1400, .l_1200, .l_1152, .l_1024, .l_768, .l_600, .l_480, .l_320 {display:none;}
	.l_1600 {display:block;} 
	}
	
	/* =========================================
                   1400 Desktop
     =========================================== */
	@media only screen and (max-width: 1400px) {
	.l_1900, .l_1600, .l_1500, .l_1400, .l_1200, .l_1152, .l_1024, .l_768, .l_600, .l_480, .l_320 {display:none;}
	.l_1400 {display:block;}
	}
	
	/* =========================================
             1280 + 1150 Tablet Galaxy
     =========================================== */
	@media only screen and (max-width: 1280px) { 
	.l_1900, .l_1600, .l_1500, .l_1400, .l_1200, .l_1152, .l_1024, .l_768, .l_600, .l_480, .l_320 {display:none;}
	.l_1200 {display:block;}
	.container {width:1150px;}
	
	/* lookbook */
	#portfolio-wrap .one-four {width: 33%;}
	
	/* contact */
	.one_half_formular{width: 48%;}
	.form_rechts {margin-left:0%;}
	}
	@media only screen and (max-width: 1150px) { 
	.l_1900, .l_1600, .l_1500, .l_1400, .l_1200, .l_1152, .l_1024, .l_768, .l_600, .l_480, .l_320 {display:none;}
	.l_1152 {display:block;}
	.container {width:1050px;}
	
	/*publikationen*/
	#publikationen .container {margin:-20px 0 -20px 0; margin-left:3%; width:90%;}
	}

	
	/* =========================================
                   1024 small Desktop 
     =========================================== */
	@media only screen and (max-width: 1024px) { 
	.l_1900, .l_1600, .l_1500, .l_1400, .l_1200, .l_1152, .l_1024, .l_768, .l_600, .l_480, .l_320 {display:none;}
	.l_1024 {display:block;}
	.container {width:900px;}
	
	/* allgemein */
	.element_fade_in {opacity: 1; right: 0px;}
	.section-title {width:100%;}
	
	/* header */
	ul.fullwidth-slider li.slide {background-position:center 0px!important;}
	ul.fullwidth-slider li.slide .caption .caption-inside {
		position: relative;
		width:100%;
		height:100%;
	}
	.ultralarge {font-size:80px; line-height:70px;}
	.parallax {
		background-position: center top !important;
		background-attachment: scroll !important;
		height: auto;
		margin: 0 auto;
		width: 100%;
		overflow: hidden;
	}
	/* lookbook */
	#portfolio-wrap .one-four {width: 50%;}
	
	/* about */
	.one_fourth {width: 22%;}
	.two_fourth {width: 48%;}
	.three_fourth {width: 74%;}
	

	
	/* references */
	.one_third {width: 30.6%;}
	.two_third {width: 65.33%;}
	
	/* contact */
	.one_half {width: 48%;}
	.one_half_formular {width: 60%;left:20%;}
	.form_rechts {margin-left:20%;}
	
	.one_half, one_half_formular, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth {float:left; margin-bottom:20px; margin-right:4%; position:relative;}
	}
	
	/* =========================================
                   768 Netbook
     =========================================== */
	@media only screen and (max-width: 768px) { 
	.l_1900, .l_1600, .l_1500, .l_1400, .l_1200, .l_1152, .l_1024, .l_768, .l_600, .l_480, .l_320 {display:none;}
	.l_768 {display:block;}
	.container {width:680px;}
	
	/* header */
	.ultralarge {font-size:60px;line-height:50px;}
	
	/*lookbook*/
	.lookbook {margin-top:-30px;}
	
	/*references*/
	.references {margin-left:60%; margin-top:-45px; margin-bottom:-90px;}
	.logos {margin:-20px 0 -20px 0;}
	.one_third {clear:left; margin-top:-20px;}
	
	/* contact */
	.one_half_formular {width:100%; left:0px;}
	.form_rechts {margin-left:0%;}
	}
	
	/* =========================================
                   600 small Tablet
     =========================================== */
	@media only screen and (max-width: 600px) {
	.l_1900, .l_1600, .l_1500, .l_1400, .l_1200, .l_1152, .l_1024, .l_768, .l_600, .l_480, .l_320 {display:none;}
	.l_600 {display:block;}
	.container {width:520px;}
	
	/*lookbook*/
	#filters{
		text-align:left;
		width:90%;
		margin-left:10%;
		margin-top:-40px;
	}
	#filters ul li {margin-top:7px;}
	
	/*references*/
	.references {margin-left:55%;}
	}
	
	
	/* =========================================
                   480 mobile Landscape
     =========================================== */
	@media only screen and (max-width: 480px) {
	.l_1900, .l_1600, .l_1500, .l_1400, .l_1200, .l_1152, .l_1024, .l_768, .l_600, .l_480, .l_320 {display:none;}
	.l_480 {display:block;}
	.container {width:400px;}
	
	/* Typo */
	p strong {color: #222; display:inline-block; margin-bottom: 5px; margin-top: 10px;}
	.sticky {background-color:#F5F5F5; padding:20px; border-radius:3px;}
	
	/* allgemein */
	section {overflow:hidden;}
	.section-title {margin-top:-40px;}
	#contact .section-title p{text-align:left;}
	h1 {font-size:28px;letter-spacing:3px;}
	
	img.alignleft {margin: 5px 20px 5px 0;}
	
	.element_from_left {left:0px; opacity:1;}
	.element_from_right {right:0px; opacity:1;}
	
	/* header */
	.ultralarge {font-size:38px;line-height:35px;}
	ul.fullwidth-slider, ul.fullwidth-slider .caption-inside {height: 300px;}
	
	.parallax-slider .bx-wrapper .bx-next {right:20px;}
	.parallax-slider .bx-wrapper .bx-prev {left:20px;}
	
	.menu_first {display:none;}
	.logotext_small {display:none;}
	.subhead {display:block}
	
	/* about */
	#about .container {margin:-20px 0 -20px 0;}
	#about .container {width: 90%;}
	
	.one_fourth {width: 48%;}
	.three_fourth {width: 48%;}
	.text ul li {margin-top:7px;}
	
	.one_fourth {width: 100%;}
	.three_fourth {width: 100%;}
	
	/* lookbook */
	#examples .container {margin-top:-20px;}

	/* references */
	.references {margin-left:45%;}
	.logos .child li img{height:35px};
	
	/* footer */
	.footer-height {height:200px; z-index:-100; position:relative;}
	footer.fixed {bottom: 0;position:fixed; width:100%; z-index:-10;}
	footer.fixed #menu_top {border-radius: 3px 3px 0 0;bottom:-5px; margin-top:0;}
	footer.fixed footer ul.socials-icons {margin: 5px 0;}
	footer.fixed p.copyright {margin-bottom:30px;}
	}
	
	
	/* =========================================
                   320 mobile Portrait
     =========================================== */
	@media only screen and (max-width: 320px) {
	.l_1900, .l_1600, .l_1500, .l_1400, .l_1200, .l_1152, .l_1024, .l_768, .l_600, .l_480, .l_320 {display:none;}
	.l_320 {display:block;}
	.container {width:280px;}
	
	/* allgemein */
	section {overflow:hidden;}
	
	/* portfolio */
	#portfolio-wrap .one-four {width: 100%;}
	caption {text-align: left;}
	
	#portfolio-wrap.boxed {width:1180px; margin:0 auto;}
	.portfolio-item {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		display: block;
		overflow: hidden;
		padding-bottom: 65%;
		position: relative;
		transition:all 0.3s ease 0s;
		-moz-transition:all 0.3s ease 0s;
		-webkit-transition:all 0.3s ease 0s;
		-o-transition:all 0.3s ease 0s;
	}
	.portfolio-item:hover .portfolio-image-new {background-position: center -60px;}
	
	.slider-overlay-content {z-index: 10;}
	.slide-overlay-content {
		display: table;
		height: 100%;
		left: 0;
		margin-left: 10%;
		margin-right: 10%;
		position: absolute;
		right: 0;
		top: 0;
		width: 80%;
	}
	.overlay-container {
		display: table;
		height: 100%;
		left: 0;
		margin-left: 5%;
		margin-right: 5%;
		position: absolute;
		right: 0;
		top: 0;
		width: 90%;
	}
	.overlay-container-vertical {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	
	/*publikationen*/
	#publikationen .container {margin-left:-5px}
	
	/*references*/
	.references {margin-left:30%;}
	.logos .child li img{height:30px};

	}