/* text */

body{
	line-height:1.4;
	font-family:'UniversNW01-230BThin';
}

h1,h2{
	font-size:1.75em;
	color:#444;
}
h1.section{
	font-size:2.25em;
	margin:0.5em 0em;
	text-align:center;
	color:#666;
}
h1.entry{
	line-height:1;
}
p{
	margin:0.7em 0em;
}
p.caption{
	margin:0;
	text-align:center;
}
time{
	font-size:0.913em;
}
#header{
	font-weight:normal;
}
#masthead,#claim{
	text-transform:lowercase;
}



/* media */


figure{
	margin-top:0.5em;
}



/* layout */

section{
	padding:3em 0em;
	margin:auto 0.625em;
}
article,aside.list,.header-list{
	max-width:31em;
	margin:auto;
}
.article-projects{
	max-width:60em;
}
.header-list{
	text-align:center;
}
/*
.projects article{
	max-width:54em;
}
*/
.projects article header{
	max-width:31em;
	margin:auto;
}
#header{
	width:100%;
	background:#fff;
	overflow:hidden;
}
#masthead{
	margin:1em 0.625em;
	display:block;
	float:left;
}

/* navigation */

a{
	text-decoration:none;
	color:#000;
	border-bottom:1px solid #fff;
	transition: color .3s, background .3s, border .3s;
}
a:hover{
	border-bottom:1px solid #bbb;
}
a.active{
	border-bottom:1px solid #000;
}
a.ui,a.ui:hover,a.nav-toggle,a.nav-toggle:hover,.pagination a,.pagination a:hover,.teaser a,.teaser a:hover{
	border:none;
}
nav{
	clear: both;
    float: left;
    width: 100%;
    text-align:left;
}
nav li{
	display:inline;
}
nav li a {
    border-bottom: 1px solid #bbb;
    display: block;
    padding: 1em 0.625em;
}
nav li a.active {
    border-bottom: 1px solid #bbb;
}
nav li:first-child a {
    border-top: 1px solid #bbb;
}
.btn{
	width:4em;
}
#enterLink {
	position:absolute;
	left: 0;
	right: 0;
	display:none;
	width:100%;
	height:100%;
	bottom:0;
	z-index:7;
	color:#fff;
}
#topLink {
	bottom: 0em;
    line-height: 2;
    position: fixed;
    right: 0em;
    margin:0.5em;
    width:auto;
}
aside.tools{
	margin:0em auto;
	margin-top:2em;
	text-align:center;
}
.pagination{
	margin-bottom:3em;
}
.pagination .ui{
    width:50%;
    display:inline-block;
    text-align:center;
}
.pagination span.ui{
	visibility:hidden;
}	
.MarkupPagerNav{
	overflow:hidden;
}
.MarkupPagerNav li{
	display:none;
}
.MarkupPagerNav li.MarkupPagerNavPrevious,.MarkupPagerNav li.MarkupPagerNavNext{
	display:inline-block;
	width:50%;
}
.MarkupPagerNav li.MarkupPagerNavPrevious{
	float:left;
}
.MarkupPagerNav li.MarkupPagerNavNext{
	float:right;
}	


/* list */

ul.grid {
	display: grid;
	grid-gap: 5em 1.5em;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
ul.grid img {
	max-width: 100%;
}

ul.list li{
	margin-top:1.5em;
}
ul.list li:first-child{
	margin-top:0em;
}
ul.publications li{
	margin-top:1em;
}
ul.publications li:first-child{
	margin-top:0em;
}
ul.list img{
	max-width:100%;
}
/*
ul.news img{
	max-width:200px;
}
*/



/* table */

table{
	width:100%;
	max-width:31em;
	margin:auto;
}
td,th{
	padding-right:0.7em;
	vertical-align:top;
}


/* definition list */

dl{
	margin-top:0.7em
}
dt{
	margin-top:0.7em;
}
dt.last{
	padding-top:1.4em;
}


/* modules */

/* responsive navigation */
.nav-toggle {
    float: right;
    margin: 1em;
}
.nav-collapse.opened{
	border-bottom:1px solid #bbb;
}
/* icons */
.fa{
	font-size:1.25em;
	width:2em;
	height:2em;
	line-height:1.25em;
	border:none;
	color:#777;
	text-align:center;
}
.fa-lg{
	height:auto;
}
#enterLink .fa{
	color:#fff;
	position:absolute;
	bottom:1em;
	margin:auto;
	left:0;
	right:0;
}
ul.teaser .fa{
	width:1.5em;
	height:1em;
	line-height:0.875;
	font-size:1.25em;
}




/* home */

/* cover */
#cover{
	display:none;
	position:relative;
}
.js #cover{
	display:block;
}
#slider {
	position:relative;
	z-index:5;
	height:100%;
}
/* office */
.projects-list th{
	display:none;
}
.projects-list tr td:nth-child(1){
	margin-top:0.5em;
}
.projects-list tr td:nth-child(1),.projects-list tr td:nth-child(2),.projects-list tr td:nth-child(4){
	display:block;
}
.projects-list tr td:nth-child(3){
	display:none;
}

/* list */
body.list #content{
	margin-bottom:0em;
}

/* default */
body.default #content{
	margin:2em 0.625em;
}
body.default #header{
	width:auto;
}

/* page */
body.page article{
	margin-top:3em;
}
body.page article:first-child{
	margin-top:0em;
}

/* news */
body.news article a{
	border-bottom:1px solid #bbb;
}
body.news-entry img{
	max-width:100%;
}



.toggle{
	display:none;
}


/* non touch device */

body.touch-disabled .pagination{
	 opacity:0;
	 -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;
}
body.touch-disabled:hover .pagination{
	opacity:1;
}