@font-face {
    font-family: 'dinbold';
    src: url('fonts/din-bold-webfont.eot');
    src: url('fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold-webfont.woff2') format('woff2'),
         url('fonts/din-bold-webfont.woff') format('woff'),
         url('fonts/din-bold-webfont.ttf') format('truetype'),
         url('fonts/din-bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din_lightregular';
    src: url('fonts/din-light-webfont.eot');
    src: url('fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-light-webfont.woff2') format('woff2'),
         url('fonts/din-light-webfont.woff') format('woff'),
         url('fonts/din-light-webfont.ttf') format('truetype'),
         url('fonts/din-light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
	font-family: "din_lightregular", sans-serif;
	font-weight: 300;
	letter-spacing: 0.03125em;
}

.slider-navigation {
	display: none;
}

a:hover, 
u, 
a.rex-current, 
a.active, 
.project-list h3, 
.project .info .text a:hover,
strong,
b {
	font-family: "dinbold", sans-serif;
	font-weight: normal;
	border-color: transparent;
}

.project-overview-template .contents footer a:hover,
.start-template .contents footer a:hover,
.contents a {
	font-family: "din_lightregular", sans-serif;
}

.contents a {
	text-decoration: underline;
	border: 0 none;
}

.contents a:hover {
	font-weight: normal;
}

a,
.project-overview-template footer a,
.start-template footer a {
	line-height: 1.4;
}

.project-teaser p,
.project-teaser h3 {
	font-size: 15px;
}
.project-teaser h3,
.project-teaser .place {
	text-transform: uppercase;
}

.project-teaser p {
	font-weight: 300;	
	font-family: 'din_lightregular', sans-serif;
}

.project-teaser .place {
	margin-bottom: 15px;
}

.project-template .project .title {
	text-transform: uppercase;
}

.project-teaser a img {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.project-teaser a:hover img {
	-webkit-filter: blur(1px);
	filter: blur(1px);
}
.project-teaser .caption table {
	position: relative;
	z-index: 10;
}
.project-teaser .caption table td {
	padding: 0 15px;	
}
.project-list article {
	margin-bottom: 40px;	
}

footer .text-2-columns .col-1-3 {
	width: 33.3333%;
}

footer .text-2-columns .col-1-4 {
	width: 25%;
}

footer .text-2-columns .col-1-6 {
	width: 66.66666667%
}

footer .text-2-columns .col-1-3:nth-child(2) {
/*	padding-left: 5px;*/
}

footer {
	height: auto;
}

.logo a .mobile-logo {
	width: 30px;
	margin: 0 auto;
	display: block;
}

.logo a .desktop-logo {
	display: none;
}

.arrow-left,
.arrow-right {
	background: url(../img/google-maps-placeholder.gif);
	background-repeat: repeat;
}

.kontakt .maps .stage:first-child{
	padding-right: 20px;
}
.kontakt .maps .stage:last-child{
	padding-left: 20px;
}

header .wrapper {
	padding-left: 40px;
	padding-right: 40px;
}

.project-overview-template footer .wrapper,
.start-template footer .wrapper {
	padding-left: 40px;
	padding-right: 40px;
}
.kontakt .contents {
	padding-left: 0;
	padding-right: 0;
}

.std-link {
	position: absolute;
	font-family: 'din_lightregular', sans-serif;
}

.base-link {
	visibility: hidden;
	position: relative;
	font-family: 'dinbold', sans-serif;
}


a.rex-current .std-link, 
a.active .std-link,
a:hover .std-link {
	font-family: "dinbold",sans-serif;
}


nav li {
	margin-right: 0;
}

.project-overview-template .contents footer .wrapper,
.start-template .contents footer .wrapper {
	padding-left: 80px;
	padding-right: 80px;
}

.projekte .main,
.project-overview-template .contents,
.start-template .contents-2,
.project-list article a,
.text-2-columns .inner {
	padding-left: 20px;
	padding-right: 20px;
}

.project-overview-template .stage-contents {
	height: 100vh;
	overflow: hidden;
}

.project-overview-template .stage-contents .project-preview {
	height: 100vh;
	position: fixed;
}

.project-overview-template .stage-contents,
.project-overview-template .main {
	padding-left: 0;
	padding-right: 0;
}

.project-overview-template .stage-contents .sort-by {
	display: none;
}

.project-overview-template .project-preview,
.start-template .project-preview {
	background-color: #fff;
}

.project-preview .background {
/*
	-webkit-filter: blur(3px);
	filter: blur(3px);	
*/
	opacity: 1;
	-webkit-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
}

/*

.start-template svg {
	position: absolute;
	top: 22.5%;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 55%;
	z-index: 10;
}
*/

/*
.contents svg {
	width: 100%;
}
*/

.project-overview-template .project-preview img.overlay,
.start-template .project-preview img.overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	-webkit-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
/*	blur: 3px;*/
	
	background-color: #fff;
	
/*
	clip-path: url("#clipper");
	-webkit-clip-path: url("#clipper");
	-moz-clip-path: url("#clipper");
	-o-clip-path: url("#clipper");
*/
/*	mask-image: url(#clipper);*/
	
	z-index: 100;
	
}


.project-overview-template .k-left,
.start-template .k-left {
/*	-webkit-clip-path: inset(22% 58% 22% 37%);*/
/*	clip-path: inset(22% 58% 22% 37%);*/
}

.project-overview-template .k-right,
.start-template .k-right {
/*-webkit-clip-path: polygon(63% 22%, 53% 50%, 63% 78%, 57% 78%, 47% 50%, 57% 22%);*/
/*clip-path: polygon(63% 22%, 53% 50%, 63% 78%, 57% 78%, 47% 50%, 57% 22%);*/
}



body.kontakt .main footer {
	padding-left: 0;
	padding-right: 0;
}


body:not(.bro) .owl-carousel .owl-item img,
body:not(.bro) .owl-carousel .item img,
body:not(.bro) .info-overlay img {
	height: 100%;
	width: auto;
	display: block;
	margin: 0 auto;
}


.project-overview-template .contents footer .wrapper,
.start-template .contents footer .wrapper {
	padding-bottom: 0;
}

a.burger img, a.sort img {
	width: 13px;
}


.sort-by .mobile-headline {
	border-top: none;
	position: relative;
	top: -35px;
	left: 70px;
}

a.burger-black,
a.burger-white {
	display: none;
}



.info-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.slider {
	background-color: #fff;
}

.info-active .info-overlay {
	z-index: 14;
}

.show-info img {
	display: block;
	width: 6px;
}


.project-template .main,
.kontakt .main,
.bro .main {
	padding-left: 40px;
	padding-right: 40px;
}

.bro .contents {
	padding-left: 0;
	padding-right: 0;
}

.template-columns-2 .text-2-columns,
.template-columns-2 hr,
.kontakt .contents hr,
.template-columns-2 footer .wrapper {
	margin-left: -20px;
	margin-right: -20px;
}

.template-columns-2 footer hr,
.template-columns-2 footer .text-2-columns {
	margin-left: 0;
	margin-right: 0;
}

.template-columns-2 footer hr {
	margin-left: 20px;
	margin-right: 20px;
}

/*.project-template .main {
	padding-left: 255px;
	padding-right: 255px;
}*/

.project .title {
	bottom: 20px;
}
.show-info {
	position: fixed;
	top: 42px;
	right: 60px;
}

.project-template .close {
	position: fixed;
	right: 40px;
	top: 42px;
}

header {
	height: 100px;
}

footer .text-2-columns .col {
	float: left;
}

nav {
	top: 42px;
}
nav a,
.sort-by a,
.show-info a {
	text-transform: uppercase;
}
a.burger,
a.sort {
	top: 31px;
}

.logo {
	margin-left: -135px;
	width: 270px;
	top: 32px;
}

.logo a,
.logo a img {
	width: 270px;
	height: auto;
}

.logo h1 {
	margin-bottom: 0;
	position: relative;
}

.company-social {
	position: absolute;
	top: 47px;
	right: 20px;
}

.project-overview-template .company-social,
.start-template .company-social {
	right: 40px;
}

.company-social {
	
}
.company-social img {
	width: 30px;
}
.company-social ul {
	list-style: none;
	margin: 0 -3px;
}

.company-social ul li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
}

.kontakt footer, .contact footer {
	visibility: visible;
}

.kontakt .maps .item {
	margin-bottom: 20px;
}
.kontakt .maps .stage {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.kontakt .maps-1 .stage {
	width: 100%;
}

.kontakt .slider {
	margin-bottom: 20px;
}


.contents {
	padding-top: 100px;
}
.contents footer a {
	font-weight: 300;
}
.contents footer a:hover {
	font-weight: 300;
	border-bottom: none;
}

.slider .item .info {
	white-space: normal;
}

.project-overview-template .contents footer,
.start-template .contents footer {
	width: auto;
	height: 100%;
	right: 0;
}

.project-overview-template .contents header,
.start-template .contents header {
	background: transparent;
	width: auto;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	padding-left: 80px;
}

.project-overview-template .contents header table,
.start-template .contents header table {
	height: 100%;
}
.project:not(.image-slider) .slider .item > table,
.project:not(.image-slider) .slider .item > table tbody,
.project:not(.image-slider) .slider .item > table tr,
.project:not(.image-slider) .slider .item > table td {
	display: block;
	height: 100%;
}

/*
.project:not(.image-slider) .slider .item > table.height,
.project:not(.image-slider) .slider .item > table.height tbody
.project:not(.image-slider) .slider .item > table.height tr,
.project:not(.image-slider) .slider .item > table.height td {
	height: 100%;
}
*/

.project:not(.image-slider) .slider .item > table.height tr {
	display: table-row;
}
.project:not(.image-slider) .slider .item > table.height td {
	display: table-cell;
}

.project:not(.image-slider) .slider .item > table.height,
.project:not(.image-slider) .slider .item > table.height tbody {
	display:table;
}

.project-template .project .slider img.height {
	width: 100%;
	height: auto;
}

.project table,
.project tbody,
.project tr,
.project td {
	width: 100%;
	height: 100%;
}

body:not(.bro) .owl-carousel .owl-item .height img {
	margin: 0;
}

.project-overview-template .contents header img
.start-template .contents header img {
	width: 200px;
}

.project-list .caption,
.project-list .overlay {
	position: absolute;
	top: -1px;
	right: 0;
	bottom: -1px; /* fix for ff/safari, there was a strange border to the bottom */
	left: 0;
	padding: 0 20px;
}
.project-list article {
	overflow: hidden;
}
.project-list .caption {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 0;
}

.project-list a:hover .caption,
.project-list a.hover .caption,
.project-list .inactive .caption {
	opacity: 1;
}

.project-list .inactive .caption table {
	visibility: hidden;
}

.project-list .inactive a.hover .caption table,
.project-list .inactive a:hover .caption table {
	visibility: visible;
}

.project-list .overlay {
	background-color: rgba(255,255,255,0.8);
	z-index: 1;
} 


.Beispiel1 {
	font-size: 22px;
}

.project-overview-template .contents footer table,
.project-list .caption table,
.start-template .contents footer table {
	width: 100%;
	height: 100%;
}
footer .wrapper {
	height: 100%;
}

.project-overview-template .contents footer a,
.start-template .contents footer a {
	color: #000;
	text-decoration: none;
}

.headline {
	text-align: center;
	margin-bottom: 35px;
}
.headline hr {
	position: absolute;
	left: 20px;
	right: 20px;
	top: -5px;
	border-color: #000;
	border-width: 1px;
}
.headline h2 {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	background-color: #fff;
	border-bottom: 0;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: normal;
	font-family: 'dinbold', sans-serif;
}

.text-2-columns a {
	font-weight: 300;
	text-decoration: underline;
	font-family: 'din_lightregular';
}
/*
.text-2-columns a:hover {
	font-family: 'dinbold';
}
*/
.text-2-columns h3 {
	font-size: 15px;
	line-height: 1.4;
	text-transform: uppercase;
	margin: 0;
}

.text-2-columns .lined-headline h3 {
	font-family: 'dinbold', sans-serif;
	font-size: 15px;
	line-height: 1.4;
	text-transform: uppercase;
	font-weight: normal;
	background-color: #fff;
	display: inline-block;
	margin: 0;
	position: relative;
	z-index: 10;
	padding: 0 12px;
}

.lined-headline {
	text-align: center;
	position: relative;
	margin-bottom: 15px;
}

.bro .lined-headline hr,
.kontakt .lined-headline hr,
.contents .lined-headline hr {
	margin: 0;
}


.lined-headline hr {
	position: absolute;
	top: 10px;
	background-color: #000;
	width: 100%;
	height: 1px;
	border: 0 none;
}



.text-2-columns .col-1-3 {
	width: 33.3333%;
}

footer .text-2-columns .col-1-2 {
	width: 50%;
}

/*
.text-2-columns .col-1-3:nth-child(2) p {
	padding-left: 15px;
}
.text-2-columns .col-1-3:nth-child(3) p {
	padding-left: 35px;
}
*/

/*.text-2-columns .col-1-3 {
	padding-left: 0;
}*/

.sort-by li {
	display: block;
	border-top: 1px solid #fff;
}

.project .info .text {
	text-align: center;
}

body:not(.project-overview-template) header .sort-by,
body:not(.start-template) header .sort-by {
	display: block;
}

.sort-by.opened a {
	color: #fff;
}

header .sort-by,
.project-list-main-wrapper header .sort-by {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	height: 0;
}
.sort-by a.show-sort-categories {
	position: absolute;
	top: 44px;
	right: 41px;
	z-index: 10;
}

/*
.opened a.show-sort-categories:hover {
	font-weight: 300;
	cursor: default;
}
*/

.sort-by ul {
	margin: 0;
	padding: 100px 45px 30px 45px;
}

.project-list-main-wrapper header .sort-by.opened,
.mobile-initialized div.sort-by.opened {

}

footer hr {
	/*border-width: 2px;*/
	border-color: #000;
	margin-bottom: 40px;
}

.project-template .contents {
/*	padding-left: 16.6667%;
	padding-right: 16.6667%;	*/
}

.sort .inactive {
	display: none;
}


header div.sort-by ul {
	opacity: 0;
	/*
	-webkit-transform: translate3d(100%, 100%, 0);
	-moz-transform: translate3d(100%, 100%, 0);
	-o-transform: translate3d(100%, 100%, 0);
	transform: translate3d(100%, 100%, 0);
	*/
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
header div.sort-by.opened ul {
	opacity: 1;
	/*
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	*/
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

nav ul, .mobile-initialized .sort-by ul {
	display: block;
}

nav li {
	margin-bottom: 0;
	text-align: left;
	padding-right: 15px;
}

.project .info {
	display: block;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.project .info.show {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.project-preview .background.overlay {
	/* mask: url(../img/mask-k.svg); */
/*
	mask: url(#clipper);
	mask-type: luminance;
*/
}

.footer-navigation ul {
	list-style-type: none;
	text-align: center;
}

.footer-navigation li {
	display: inline-block;
}

.footer-navigation a {
	text-transform: uppercase;
	font-size: 12px;
}
/*
.project-template.iframe header nav {
	display: none;
}
*/

@media screen and (max-width: 1440px) {
	footer .text-2-columns .col-1-4 {
		width: 50%;
	}
}

@media screen and (max-width: 1024px) and (orientation : portrait), (max-width: 736px) and (orientation : landscape) {
	/*
	footer .text-2-columns .col-1-3 {
		width: 50%;
	}
	*/

	footer .text-2-columns .col-1-6 {
		width: 100%;
	}

	footer .text-2-columns .middle .left p {
		padding-left: 0;
	}

	footer .text-2-columns .right .col-1-2 p {
		padding-right: 0;
	}

	.project-list article {
		margin-bottom: 30px;
	}
	nav li, 
	.mobile-initialized .sort-by li,
	.sort-by li {
		padding-right: 30px;
	}

	.project-template .main,
	.kontakt .main,
	.template-columns-2 .main {
		padding-left: 30px;
		padding-right: 30px;
	}

	.is-tablet-device .project .arrow img,
	.is-mobile-device .project .arrow img {
		visibility: visible;
	}
	
	.project .arrow img {
		width: 60px;
		position: relative;
	}
	.project .arrow a {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-filter: alpha(opacity=100);
	}
	
	.project .arrow-right img {
		right: 15px;
		float: right;
	}
	
	.project .arrow-left img {
		left: 15px;
	}

	nav {
		display: block;
		height: auto;
		width: auto;
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		/*
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);	
		*/
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}
	
	nav.active {
		/*
		-webkit-transform: translate3d(0, 0, 0);	
		-moz-transform: translate3d(0, 0, 0);	
		-o-transform: translate3d(0, 0, 0);	
		transform: translate3d(0, 0, 0);	
		*/
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	
	.projekte .main,
	.project-overview-template .contents,
	.start-template .contents-2,
	.project-list article a {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	header .wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}

	.project-overview-template footer .wrapper,
	.start-template footer .wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}

	body.kontakt .main footer {
		padding-left: 0;
		padding-right: 0;
	}

	.project-template header .close,
	.start-template .company-social,
	.project-overview-template .company-social,
	.show-info {
		right: 30px;
	}

	.show-info {
		right: 50px;
	}

	.project-template .project .slider img.height,
	.project-template .project .info-overlay img.height {
		width: 100%;
		height: auto;
	}
	
	.wrapper, .module	{
		padding-left: 0;
		padding-right: 0;
	}

	.project-overview-template .contents header,
	.start-template .contents header {
		right: 0;
		bottom: auto;
		height: auto;
		padding-left: 0;
		padding-top: 30px;
	}

	.project-overview-template .contents header table,
	.start-template .contents header table {
		width: 100%;	
		text-align: center;
	}
	.project-overview-template .contents footer,
	.start-template .contents footer {
		left: 0;
		width: 100%;
		height: auto;
		padding-bottom: 30px;
	}
	
	nav a, .mobile-initialized .sort-by a {
		font-size: 15px;
	}
	.mobile-initialized .sort-by ul {
		padding: 75px 50px 30px;
	}
	.mobile-initialized .sort-by .mobile-headline {
		display: none;	
	}
	
	nav ul,
	.mobile-initialized .sort-by ul {
		padding: 85px 30px 15px;
	}


	nav a {
		padding: 15px 0;
	}
	
	nav {
		top: 0;
	}	

	.project-overview-template nav,
	.start-template nav {
		position: absolute;
	}

	.project-overview-template div.sort-by,
	.start-template div.sort-by {
		position: absolute;
	}

	nav li {
		border-top: 1px solid #fff;
	}

	a.burger-black.active,
	a.burger-white.active {
		display: block;
	}
	
	.sort-by.opened ul {
		margin-left: 0;	
	}

	.text-2-columns .col-1-3 {
		width: 49.625%;
	}

	nav.active, 
	.mobile-initialized div.sort-by.active {
		width: auto;
		height: auto;
	}
	.mobile-initialized div.sort-by {
		right: 0;
	}

	.mobile-initialized div.sort-by a {
		color: #fff;
	}


	.show-info img {
		display: block;
		width: 6px;
		position: absolute;
		top: 3px;
		right: 0;
		cursor: pointer;
	}
	
	.show-info a {
		font-size: 0;
		line-height: 0;
		color: transparent;
	}
	
	nav {
		background-color: #000;
		top: 0;
	}

	nav a {
		color: #fff;
	}
	.text-2-columns .col-1-3 p {
		padding-left: 15px;
		padding-right: 15px;
	}


/*following should maybe go into max 991*/
	.contents {
		padding-top: 85px;
	}
	header {
		height: 85px;
	}
	a.burger {
		top: 37px;
	}	
	a.sort {
		top: 39px;	
	}	
	
	a.burger {
		left: 30px;
	}
	a.sort {
		right: 30px;
	}
	.logo {
		margin-left: -105px;
		width: 210px;
		top: 26px;
	}

	.logo a,
	.logo a img {
		width: 210px;
	}
	
	h3, 
	.project .title h2 {
		font-size: 13px;
	}
	.show-info {
		top: 30px;
	}

	.template-columns-2 .text-2-columns,
	.template-columns-2 hr,
	.kontakt .contents hr,
	.template-columns-2 footer .wrapper {
		margin-left: -15px;
		margin-right: -15px;
	}

	.projekte .main,
	.project-overview-template .contents,
	.start-template .contents-2,
	.project-list article a,
	.text-2-columns .inner,
	footer .wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}

	.project-overview-template .stage-contents,
	.project-overview-template .main {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 736px) {
	.stage .arrow {
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		
	}	
	.hidden-arrows .arrow {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	
	.contents {
		padding-top: 105px;
	}	
	.project-list article {
		margin-bottom: 25px;	
	}
	nav ul,
	.mobile-initialized .sort-by ul {
		padding: 105px 30px 15px;
	}
	
	.project .title {
/*		bottom: 5px;	*/
	}
	.show-info {
		top: 40px;
	}	
	a.burger img, a.sort img {
		width: 13px;
	}
	header {
		height: 105px;
	}
	.project .info {
		top: 105px;
	}
	a.burger {
		top: 46px;
	}	
	a.sort {
		top: 49px;	
	}	
	
	.logo {
		top: 36px;	
	}

	.project-template .project.info-active .slider img.height {
		width: auto;
		height: 100%;
	}
	
	.project .info {
		padding-top: 0;
		background-color: rgba(255, 255, 255, 1);
	}

	footer .text-2-columns .col-1-4 {
		width: 100%;
	}

	footer .text-2-columns .col-1-4 p,
	footer .text-2-columns .col-1-3 p {
		padding-left: 0;
	}

	.kontakt .maps .stage {
		width: 100%;
	}
	.kontakt .maps .stage:first-child {
		padding-right: 0;
	}
	.kontakt .maps .stage:last-child {
		padding-left: 0;
	}

	.logo .mobile-logo {
		display: block;
	}

	.logo .desktop-logo {
		display: none;
	}

	.project-overview-template .contents header table td {
		padding: 0 30px;
	}

	.project-overview-template .contents header table img {
		max-width: 400px;
		width: 100%;
	}

	.project-overview-template .project-list-main-wrapper {
		padding-top: 106px;
	}

	.is-mobile-device.project-overview-template .project-list-main-wrapper header {
		top: 0;
	}
}


@media screen and (max-width: 512px) {
	.text-2-columns .col-1-3 {
		width: 100%;
	}	
	.text-2-columns .col-1-3:not(:first-child) p {
		padding-left: 0; 	
	}
	/*
	.text-2-columns .col:last-child {
		margin-bottom: 0;	
	}
	*/
}



@media screen and (min-width: 1600px) {
	footer .text-2-columns .col-1-3  {
		width: 33.3333%;
	}

	.text-2-columns .col-1-3 {
		width: 25%;
	}

}