*{
	margin: 0;
	padding: 0;
}

body{
	margin: 0; padding: 0; background-color: rgb(240, 240, 240);
	font-family: 'Helvetica Neue Black',  sans-serif;
	color: #000;
	font-size: 15px;
	letter-spacing: 0.3px;
	line-height: 1.5em;
}

#user-login-form{
	margin-top: 100px;
	text-align: center;
}
/* layout */
body{
	margin: 0; 
	padding: 0; 		
}
img,
.menu{
	opacity: 0;
}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200001;	
}
#header{
	position: fixed;
	float: left;
	width: 26%;
	height: 100%;
	z-index: 200;
}
.title{
	position: absolute;
	display: block;
}
.page-column div{
	width: 100%;
  float: left;
}
.page-column img{
	width: 100%;
	height: auto;
	margin-bottom: 0.5%;
	display: block;
}

.page-column .text{
	width: 70%;
	padding: 150px 0px;
}
.page-column.right .text{
	width: 70%;
	margin-left: 8%;	
}
.page-column.fixed-right{
	position: fixed;
	top: 0;
	right:0;
	width: 34%;
	margin-right: 6%;
	z-index: 2000;
}
.page-column.right .text{
	width: 70%;
	margin-left: 50px;	
	padding: 200px 0px;
}

.page-column.fixed-center{
	position: fixed;
	top: 0;
	left:26%;
	width: 31%;
}
.page-column.scroll-center{
	position: relative;
	top: 0;
	left:0;
	width: 50%;
}
.page-column.center .text{
	width: 90%;
	padding: 200px 0px;
}


.page-column.scroll-right{
	position: relative;
	float: right;
	width: 50%;
}
.page-column.scroll-right img{
	width: 100%;
	margin-bottom: 0.5%;
}

.page-column.right .images{
	padding: 200px 0px;
}

.grid-item {
	float: left;
}
.grid-item img{
	width: 100%;
	position: relative;
	float: left;	
}

.normal 
{
	width: 50%;
}
.landscape{
	width: 100%;
}
.portrait{
	width: 50%;
}
.square{
	width: 33.33%
}
.tall{
	width: 33.33%
}
.big_square{
	width: 66.66%
}
.valign{
	align-items: center;
	display: flex;
	display: -webkit-flex;
}

#screen-menu{
	display: block;
}
#mobile-menu{
	display: none;
}
.menu{
	width: 100%;
}
#block-mainnavigation .menu li,
#block-mainnavigation-3 .menu li{
	text-align: right;
  float: right;
  width: 100%;
}
#header .padding{
	position: relative;
	padding: 0 50px;
}
#logo{
	position: absolute;
	width: 100%;
	z-index: 202;
}
#logo img{
	margin-top: 50px;
	width: 60%;
	opacity: 0.9;
}

#mobile-menu-button{
	display: none;
}

#content{
	position: relative;
	margin-left: 26%;
	float: left;
	width: 74%;
}
.page-column,
.column{
	position: relative;
	float: left;
	width: 50%;
	min-height: 100vh;	
}
.page-column.valign,
.column.valign{
	height: 100vh;
}
.imagetext{
	margin-bottom: 10px;
}

/* alternative layout */
#html{
	
}
#header{
	margin-left: 0%;
	width: 26%;
}
#content{
	margin-left: 26%;
}
#content{
	width: 68%;
}

#content-inner{
	background: transparent;
}
.grid-item-inner{
	position: relative;
	float: left;
}
#content-inner,
.grid-item-inner{
	padding: 6px;
}

.grid-item p {
  left: 3px !important;
  bottom: 3px !important;
}  



/* fonts */ 
body{
	font-family: 'Helvetica Neue Black', sans-serif;
	font-size: 15px;
	letter-spacing: 0.3px;
	line-height: 1.5em;
}
a{
	text-decoration: none;
}
.page-column .text a{
	text-decoration: none;
}
.page-column.right .text a{
	text-decoration: underline;
}
.page-column .text a:hover{
	text-decoration: none;
	color: rgb(255, 140, 0);
}

.paragraph--type--quote div:first-child p{
	font-family: 'Helvetica Neue Black Italic' 'Helvetica Neue Black', sans-serif;
	margin-bottom: 10px;
}
.awards>div:first-child {
	font-size: 12px;
}
.awards>div:last-child>div:first-child img{
	filter: grayscale(50%);
}
.paragraph--type--quote div:last-child{
	margin-bottom: 20px;	
}
p.quote-ref:last.child{
	margin-bottom: 0px;
}

.ref-links p{
	font-size: 16px;
	line-height: 2em;
}
.menu li a{
	font-size: 16px;
}
#block-mainnavigation-3 ul.menu li a,
#block-mainnavigation .menu li a {
	font-size: 14px;
}
p .font-normal,
.ref-links p,
.menu li a,
.menu li.menu-item--active-trail a,
.menu li a.is-active,
.awards>div:first-child,
.paragraph--type--cv-entry div:first-child,
.paragraph--type--quote div:last-child,
.grid-item p,
.lb-data .lb-number,
#block-frontpageawards>div>div:first-child,
#content ul li,
.imagetext,
#block-frontpageawards>div:first-child {
	font-family: 'Helvetica Neue Normal', sans-serif;
}


#content ul li,
.imagetext,
.paragraph--type--quote div:last-child{
	font-size: 13px;
}
#content ol{
	list-style-type: disc;
	margin-left: 10px;
}
#content ol li{
	list-style-type: disc;
	margin: 5px;
}


/* colors */
body{
	background-color: rgb(240, 240, 240);
	color: #444;
}
a,
.menu li a{
	color: #444;
}

#overlay,
#header{
	background-color: rgb(240, 240, 240);	
}
.menu li a:hover,
.menu li.menu-item--active-trail a,
.menu li a.is-active,
.ref-links p a:hover{
	color: rgb(255, 140, 0);
}	
.grid-item p.white{
	color: #ddd;
}


	
	
	
	
	
	
	ul{
		width: 100%;
	}
	
	ul, li{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	
	
	.grid-item p{
		letter-spacing: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
		display: none;
		padding: 25px 15px 15px;
	}
	.grid-item:hover p{
		display: block;
	}
	.ajax-progress, ajax-progress-throbber,
	.feed-icon{
		display: none;
	}
	
	.text.ul{
		width: 100%;
	}
	
	.text ul, .text li{
		list-style: none;
		margin: 0;
	}
	.page-column.right .text li a {
		text-decoration: none;
	}
	
	.page-column div.awards{
		position: fixed;
		z-index: 300;
		left: 50px;
		bottom: 5%;
		width: 23%;
	}
	.awards>div:first-child {
		width: 100% !important;
		margin-bottom: 5px;
		font-size: 12px;
		opacity: 1.0 !important;
	}
	
	.awards img{
		height: 40px !important;
		width: auto !important;
		margin-right: 5px;
		filter: grayscale(100%);
		opacity: 0.8 !important;
	}
	.awards>div:last-child>div:first-child img:hover,
	.awards img:hover{
		filter: grayscale(0%);
		opacity: 1.0 !important;
	}

	.awards div,
	.awards div a{
		float: left;
		width: auto !important;
	}
	
	.paragraph--type--cv-entry div:first-child{
		position: relative;
		float: left;
		width: 100%;
	}
	.paragraph--type--cv-entry div:last-child{
		position: relative;
		float: left;
		width: 90%;
		padding: 0 0 10px 0px;
	}
	
	.grid-item img{
		filter: grayscale(60%);
		width: 100%;
		height: auto;
	}
	
	
	.grid-item img:hover{
		filter: none;
	}
	
	.image-full-height{
		width: 100%;
		height: 100%;
	}
	
	
	
	/* frontpage-awards */
	#block-frontpageawards{
		position: absolute;
		z-index: 100;
		bottom: 50px;;
		left: 50px;
		right: 50px;
	}
	#block-frontpageawards>div:first-child,
	#block-frontpageawards>div>div:first-child{
		width: 100%;
	}
	#block-frontpageawards div{
		position: relative;
		float: left;
		margin-right: 2px;
	}
	#block-frontpageawards div img{
		height: 40px;
		width: auto;
		filter: grayscale(100%);
		opacity: 0.8 !important;
	}
	#block-frontpageawards>div>div:last-child>div:first-child img{
		filter: grayscale(50%);
		opacity: 1.0 !important;
	}
	#block-frontpageawards>div>div:last-child>div:first-child img:hover,
	#block-frontpageawards div img:hover{
		filter: grayscale(0%) !important;
		opacity: 1.0 !important;
	}
	
	/*
	lightbox
	*/
	.lb-outerContainer{
		border-radius: 0 !important;
	}
	.lb-nav a.lb-next{
		background: none;
	}
	
	.lb-nav a.lb-next:hover{
		background: transparent url('../images/right-w.svg') no-repeat right center;
		background-size: 50px 30px;
		opacity: 0.5;
	}
	.lb-nav a.lb-prev{
		position: absolute;
		left: -40px !important;
	}
	.lb-data .lb-details{
		width: 100% !important;
	}
	
	.lb-data .lb-number{
		color: #fff;
		font-weight: 300;
		width: 100%;
		text-align: center;
		display: block;
		letter-spacing: 1px;
	}
	
	.lb-nav a.lb-next{
		position: absolute;
		right: -40px !important;
	}
	
	.lb-nav a.lb-prev:hover{
		background: transparent url('../images/left-w.svg') no-repeat left center;
		background-size: 50px 30px;
		opacity: 0.5;
	}
	
	
/*

@media only screen and (max-width: 1600px) {	
	.paragraph--type--cv-entry div:first-child{
		width: 25%;
	}
	.paragraph--type--cv-entry div:last-child{
		width: 74%;
	}
}	

@media only screen and (max-width: 1300px) {	
	.paragraph--type--cv-entry div:first-child{
		width: 30%;
	}
	.paragraph--type--cv-entry div:last-child{
		width: 69%;
	}
}	
	
*/	
@media only screen and (max-width: 1000px) {
	body{
		font-size: 13px;
	}
	#header{
		width: 100%;
		height: 60px;
		padding: 0;
	}
	#logo{
		position: relative;
		width: 100%;
	
	}
	#logo img{
		display: block;
		width: 133px;
		margin: 15px auto;
	}
	#content{
		width: 100%;
		margin: 60px 0 0 0;
	}
	.normal div,
	.grid-item,
	.landscape div,
	.portrait div,
	.square div,
	.page-column{
		width: 100%;
		
	}
	.valign{
		display: block;
		align-items: flex-start;
    min-height: auto ;
	}
	#screen-menu{
		display: none;
	}
	#mobile-menu-button{
		display: block;
		position: absolute;
		height: 30px;
		top: 0;
		left: 0;
		margin: 0px 15px;
		cursor: pointer;
	}
	#mobile-menu{
		display: none;
		position: absolute;
		background: rgb(240, 240, 240);
		width: 90%;
		left: 0;
		padding: 5%; 
	}
	
	#mobile-menu ul>li{
		
	}
	#mobile-menu ul>li a{
		font-family: 'Helvetica Neue Black' sans-serif;
		width: 100%;
		text-align: center;
		display: block;
	}
	#mobile-menu ul>li .menu a{
		font-family: 'Helvetica Neue normal';
		margin-top: 10px;
	}
	#mobile-menu ul>li .menu{
		margin-bottom: 20px;
	}
	.menu li.menu-item--active-trail .menu a{
		color: #444;
	}
	.menu li.menu-item--active-trail .menu a.is-active{
		color: rgb(255, 140, 0);
	}

	
	.column,
	.page-column{
		height: auto;
		width: 100%;
	}
	.page-column .text,
	.page-column .ref-links,
	.page-column.right .text,
	.page-column.center .text,
	.page-column.right .images{
		width: 90%;
		margin: 5%;
		padding: 0;
	}
	.page-column.fixed-right{
		position: relative;
		width: 100%;
		top: auto;
		right: auto;
	}
	.page-column.fixed-right .text{
		width: 90%;
		margin: 5%;
		margin-bottom: 100px;
	}
	
	
	.page-column.fixed-center,
	.page-column.scroll-center{
		position: relative;
		top: auto;
		left:0;
		width: 100%;
	}
	.page-column.center .text{
		width: 90%;
		margin-left: 5%;
	}
	#content-inner, .grid-item-inner{
		padding: 3px 0px;
	}
	/*
	.grid-item p {
		display: block;
	}
	*/
	.page-column.scroll-right{
		position: relative;
		float: left;
		width: 100%;
	}
	.page-column.scroll-right img{
		width: 100%;
		margin-bottom: 0.5%;
	}
	.page-column.right .awards{
		position: relative;
		width: 100%;
		z-index: 0;
    left: 0;
    bottom: 0;
    margin: 5%;
	}
	#block-frontpageawards{
		display: none;
	}
	/*
	.awards,
	.awards>div>div{
		width: 90% !important;
	}
	*/
	
}