/* typography */

#contact,#navigation,p,span.title,form{
	font-size:1.4em;
}
#footer p{
		font-size:1em;
}
h1,h2,h3{
	font-size:1.4em;
}
h2{
	margin-top:1.4em;
}
#masthead{
	font-size:6em;
	letter-spacing:-1px;
}


/* layout */

.block{
	width:60em;
	margin:1em auto;
}
#header{
	overflow:hidden;
}
#content{
	margin:3em auto;
}
#tools{
	position:relative;
	margin-top:-1em;
}
#contact{
	float:left;
	display:inline-block;
	width:60%;
}
#phone{
	display:inline-block;
	margin-right:6.5em;
}
#email{
	display:inline-block;
}
#navigation{
	float:right;
	width:35.5%;
}
#navigation li{
	display:inline-block;
}
#navigation li:first-child{
	width:45%;
}
article{
	margin:auto;
}







/* teaser */


/* teaser */
ul.teaser li:nth-child(2){
	height:25em;	
}
/* 2015 */
ul.teaser li:nth-child(1),ul.teaser li:nth-child(n+4){
	height:35em;
	margin-bottom:1em;
}

/* project */
ul.teaser li.project a:hover span.title{
	opacity:1;
}
/* news */
ul.teaser li.news{
	margin:1em 0em;
	height:9em;
}
ul.teaser li.news .hot{
	padding:1em;
}
/* layout 1 */
ul.teaser-1 li:nth-child(1){	
	width:31.5%;
}
ul.teaser-1 li:nth-child(2){
	width:68.5%;
}
/* 2013 */
/*
ul.teaser-1 li:nth-child(4){
	width:64%;	
}
ul.teaser-1 li:nth-child(5){
	width:36%;	
}
ul.teaser-1 li:nth-child(1) a,ul.teaser-1 li:nth-child(4) a{
	margin-right:1em;
}
*/
/* 2015 */
ul.teaser-1 li:nth-child(1) a,ul.teaser-1 li:nth-child(4n+4) a,ul.teaser-1 li:nth-child(4n+6) a{
	margin-right:1em;
}
ul.teaser-1 li.news{
	float:left;
	width:68.5%;
}




/* layout 2 */

ul.teaser-2 li:nth-child(1){	
	width:36%;
}
ul.teaser-2 li:nth-child(2){
	width:64%;
}
/*
ul.teaser-2 li:nth-child(4){
	width:71%;
}
ul.teaser-2 li:nth-child(5){
	width:29%;
}
ul.teaser-2 li:nth-child(1) a div.box,ul.teaser-2 li:nth-child(4) a div.box{
    left:0em;
}
ul.teaser-2 li:nth-child(2) a,ul.teaser-2 li:nth-child(5) a{
	margin-right:1em;
	width:auto;
}
*/
ul.teaser-2 li:nth-child(4n+4),ul.teaser-1 li:nth-child(4n+7){
	width:71%;
}
ul.teaser-2 li:nth-child(4n+5),ul.teaser-1 li:nth-child(4n+6){
	width:29%;
}
ul.teaser-2 li:nth-child(2) a,ul.teaser-2 li:nth-child(4n+5) a,ul.teaser-2 li:nth-child(4n+7) a{
	margin-right:1em;
}
ul.teaser-2 li.news{
	float:left;
	width:64%;
}
ul.teaser-2 li.news .hot{
	margin-right:1em;
}



/*
ul.overview li:nth-child(2){
	height:25em;	
}
*/
ul.overview li:nth-child(1),ul.overview li:nth-child(n+4){
	/*height:35em;*/
	margin-bottom:1em;
}
ul.overview li:nth-child(1){
	height:35em;
}
ul.overview li:nth-child(2),ul.overview li:nth-child(n+4){
	height:25em;
}
/*
ul.overview li:nth-child(1),ul.overview li:nth-child(n+4){
	height:35em;
	margin-bottom:1em;
}
*/
/*
ul.overview-1 li:nth-child(1){	
	width:31.5%;
}
ul.overview-1 li:nth-child(2){
	width:68.5%;
}
*/
ul.overview li.neutral{
	height:20em;
}
ul.overview li.spacer a{
	margin-right:1em;
}
ul.overview li.spacer-right a{
	margin-right:0.5em;
}
ul.overview li.spacer-left a{
	margin-left:0.5em;
}
ul.overview li.news{
	float:left;
	/*width:68.5%;*/
	width:64%;
}
ul.overview-2 li.news .hot {
    margin-right: 1em;
}



/*
ul.overview li.elastic{
	position: relative;
	padding-bottom: 55%;
	height: 0 !important;
	overflow: hidden;
}
ul.overview li.elastic a{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

*/
/* project */

/* gallery */
ul.gallery img{
	width:auto;
	max-width:100%;
	display:block;
	margin:auto;
}
ul.gallery li{
	position:relative;
	overflow: hidden;
    margin: 3em auto;
}
ul.gallery li div.box{
	position:relative;
}
ul.gallery li div.v{
	max-width:70%;
	margin-left:15%;
}
ul.gallery li div.box div {
    display: block;
}
ul.gallery li div.box div.info{
	width:100%;
	position: absolute;
	bottom:0;
}
ul.gallery li div.box div.info div.blend{
	height:100%;
	background: none repeat scroll 0 0 #000;
    opacity:0;
}
ul.gallery li div.box:hover div.info div.blend{
	opacity:0.5;
}
ul.gallery li div.box div.info span.caption-gallery{
	opacity:0;
}
ul.gallery li div.box:hover div.info span.caption-gallery{
	opacity:1;
}
/* ??? */
.caption-gallery{
	height:100%;
	color:#fff;
	position:absolute;
	top:0;
}

/* info */
.info{
	height:50px;
}
.caption{
	padding-top:0em;
	line-height:50px;
}


/* pager */

#pager{
	margin:0em;
	position:fixed;
	top:35%;
	height:1px;
	overflow:visible;
	z-index:99;	
	width:100%;
}
#pager .btn{
	padding:0em;
	padding-bottom:0.1em;
	margin:0em;
	display:block;
	font-weight:100;
	font-size:12em;
	line-height:1;
	display:table-cell;	
	vertical-align:top;
	width:98px;	
}
#pager span.inactive{
	visibility:hidden;	
}
#pager a.next{
	float:right;
}
#pager a.btn{
	color:#000;
	background:none;
}
#pager a.btn:hover{
	background:#000;
	color:#fff;
	text-decoration:none;
}



/* transitions */

#pager,div.blend,span.caption{
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	-transition: opacity 0.5s ease-out;
}


@media screen and (min-width: 37.5em) and (max-width: 75em) {
	
	/* typography */
	
	#contact,#navigation,p,dl,span.title,form{
		font-size:1.25em;
	}
	#footer p{
		font-size:1em;
	}
	
	/* layout */

	.block{
		width:90%;
		max-width:60em;
	}	
	#content{
		margin:1.5em auto;
	}
	#tools{
		margin-top:-0.5em;
	}
	#phone{
		margin-right:0em;
		width:52%;
	}

	/* teaser */
	
	/* 2013 */
	/*
	ul.teaser li:nth-child(1),ul.teaser li:nth-child(4),ul.teaser li:nth-child(5){
		height:32em;	
	}
	*/
	/* 2015 */
	ul.teaser li:nth-child(1),ul.teaser li:nth-child(n+4){
		height:32em;
		margin-bottom:0.75em;
	}
	ul.teaser li:nth-child(2){
		height:22em;	
	}
	
	/* news */
	ul.teaser li.news{
		margin:0.75em 0em;
		height:9.25em;
	}
	ul.teaser li.news .hot{
		padding:0.75em;
	}

	/* layout 1 */
	/* 2013 */
	/*
	ul.teaser-1 li:nth-child(1) a,ul.teaser-1 li:nth-child(4) a{
		margin-right:0.75em;
	}
	ul.teaser-1 li:nth-child(1) a div.box,ul.teaser-1 li:nth-child(4) a div.box{
    	right:0em;
	}
	*/
	/* 2015 */
	ul.teaser-1 li:nth-child(1) a,ul.teaser-1 li:nth-child(4n+4) a,ul.teaser-1 li:nth-child(4n+6) a{
		margin-right:0.75em;
	}
	/*
	ul.teaser-1 li:nth-child(1) a div.box,ul.teaser-1 li:nth-child(4n+4) a div.box,ul.teaser-1 li:nth-child(4n+6) a div.box{
    	right:0em;
	}
	*/

	/* layout 2 */
	ul.teaser-2 li.news{
		width:64%;
	}
	ul.teaser-2 li.news .hot{
		margin-right:0.75em;
	}
	/*
	ul.teaser-2 li:nth-child(2) a,ul.teaser-2 li:nth-child(5) a{
		margin-right:0.76em;
		width:auto;
	}
	*/
	ul.teaser-2 li:nth-child(2) a,ul.teaser-2 li:nth-child(4n+5) a,ul.teaser-2 li:nth-child(4n+7) a{
		margin-right:0.75em;
	}
	
	
	
	/* overview */
	ul.overview li.neutral{
	height:20em;
}
	ul.overview li.spacer a{
		margin-right:0.75em;
	}
	ul.overview li.spacer-right a{
		margin-right:0.375em;
	}
	ul.overview li.spacer-left a{
		margin-left:0.375em;
	}
	
	ul.overview-2 li.news .hot {
    margin-right: 0.75em;
}
	
	/* pager */
	
	#pager{
		padding:0em;
		margin:auto;
		width:90%;
		position:relative;
		top:0;
		left:0%;
		height:auto;
		overflow:hidden;	
	}
	#pager .btn{
		padding:0.25em 0em;
		width:50%;
		margin:0em;
		float:left;
		height:auto;
		line-height:1.2;
		font-size:1.5em;
	}
	#pager a.previous span{
		margin:0em;
	}
	#pager a.next span{
		margin:0em;
	}
	#pager a.previous,#pager a.next,#pager a.next:hover,#pager a.previous:hover{
		margin:0em;
		text-indent:0px;
		background-image:none;
	}
	#pager a.btn{
		color:#fff;
		background:#000;
	}
	#pager a.btn:hover{
		background:#fff;
		color:#000;
		text-decoration:none;
	}
	#pager span.inactive{
		visibility:visible;	
	}
}