:root {
  /*--main-color: #070f16;*/
  --main-color: #0c1b28;
/*  --main-color-dark: #000;
  --main-color-light: #000;
  --main-font-title: 'Montserrat';
  --main-font-body: 'Montserrat';*/
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #abc2d3;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #7b98ad;
}
::-webkit-scrollbar-thumb:active {
  background: #607e93;
}
::-webkit-scrollbar-track {
  background: #0c1b28;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #0c1b28;
}
::-webkit-scrollbar-track:active {
  background: #0c1b28;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

#connectionHandler {
	position: fixed;
	bottom: 15px;
	right: 20px;
	padding: 12px 60px 12px 16px;
	min-width: 120px;
	font-family: 'Montserrat';
	background-color: #303030;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 1px 12px -2px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 1px 12px -2px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 1px 12px -2px rgba(0, 0, 0, 0.8);

	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
	        transition: all .5s ease-in-out;

	z-index: 120;
	display: none;
}
	#connectionHandler > i {
		font-style: normal;
		font-size: 1.5rem;
		position: absolute;
		display: flex;
		top: 0;
		bottom: 0;
		right: 16px;
		margin: auto;
		padding: 8px 0px 4px 0px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		cursor: pointer;
	}

	#connectionHandler.shown {
		display: block;
	}


body {
	margin: 0;
	padding: 0;
	/*height: 100%;*/
	min-height: 100vh;
	position: relative;
	background-color: var(--main-color);
}

.particles-js-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
	z-index: 2;

	/*visibility: hidden;*/
	/*display: none;*/
	opacity: 0;
}

.easyLink {
	color: inherit;
	text-decoration: none;
	font-family: 'Montserrat';
	font-weight: 700;
	text-transform: uppercase;
	font-size: smaller;
	cursor: pointer;
}

.linkWithUnderline {
	position: relative;
	display: inline-block;
}
	.linkWithUnderline:after {
		content: "";
		position: absolute;
		bottom: 1px;
		left: 0;
		right: 0;
		margin: auto;
		width: 0px;
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
		height: 2px;
		background-color: #fff;
	}

	.linkWithUnderline:hover:after {
		width: 100%;
	}

.boldLink {
	color: inherit;
	text-decoration: none;
	font-weight: 700;
}
	
.debugLink {
	color: blue;
	font-weight: 700;
	text-transform: uppercase;
	font-size: smaller;
	cursor: pointer;
}

#partnerLogos {
	position: absolute;
	top: 50px;
	left: 50px;
	display: flex;
	flex-direction: column;
	/*align-content: center;*/
	z-index: 400;

	visibility: hidden; /* For scrollReveal */
}
	#partnerLogos > div {
		margin-bottom: 20px;
	}

	#partnerLogos > div img {
		/*max-width: 200px;*/
		max-height: 60px;
	}

/*font-family: 'Montserrat', sans-serif;*/

header {
	color: #fff;
	font-size: 1.0rem;
	position: relative;
	z-index: 5;
}

header h1 {
	font-family: 'Montserrat';
	font-weight: 900;
	letter-spacing: 2px;
	font-size: 1.8rem;
}

header {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	overflow: auto;
}

	header > div {
		margin: 90px auto 0px auto;
		text-align: center;
		font-family: 'Montserrat';
		font-weight: 400;
	}

	header p {
		font-size: 1.1rem;
		line-height: 1.4;
	}

	#foto {
		width: 160px;
		height: 160px;
		-webkit-border-radius: 160px;
		-moz-border-radius: 160px;
		border-radius: 160px;
		/*background-color: #43A047;*/
		-webkit-box-shadow: 0px -2px 30px 0px rgba(0, 0, 0, 0.9);
		-moz-box-shadow: 0px -2px 30px 0px rgba(0, 0, 0, 0.9);
		box-shadow: 0px -2px 30px 0px rgba(0, 0, 0, 0.9);
		
		margin: 0px auto 30px auto;
		overflow: hidden;
		display: flex;
		align-content: center;
		justify-content: center;
		position: relative;
	}

		#foto img {
			width: 140%;
			height: 140%;
			position: absolute;
			left: 50%;
			top: 70%;
			-webkit-transform: translateY(-50%) translateX(-50%);
			   -moz-transform: translateY(-50%) translateX(-50%);
			    -ms-transform: translateY(-50%) translateX(-50%);
			     -o-transform: translateY(-50%) translateX(-50%);
			        transform: translateY(-50%) translateX(-50%);
			/*position: absolute;*/
		}



#main {
	margin: 80px auto 80px auto;
	padding-bottom: 20px;
	max-width: 820px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 0px -2px 30px 0px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0px -2px 30px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px -2px 30px 0px rgba(0, 0, 0, 0.9);
	min-height: 560px;
	background-color: #eff7ff;
	/*background-color: #a2c1da;*/
	/*background-color: #deebf4;*/
	overflow: auto;

	font-family: 'Montserrat';
	color: #000;

	position: relative;
	z-index: 50;
}


nav {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	/*margin-top: 16px;*/
	margin-top: 6px;
	margin-bottom: 42px;
	/*border-bottom: 2px solid #c5d7e5;*/
}
	nav:after {
		content: "";
		position: absolute;
		bottom: -3px;
		height: 3px;
		width: 86%;
		background-color: #c5d7e5;
		z-index: 10;
	}

	nav > span {
		font-weight: 700;
		padding: 12px 22px;
		position: relative;
		cursor: pointer;
		font-size: 1.15rem;
		color: #abc2d3;

		-webkit-transition: all .25s ease-in-out;
		   -moz-transition: all .25s ease-in-out;
		    -ms-transition: all .25s ease-in-out;
		     -o-transition: all .25s ease-in-out;
		        transition: all .25s ease-in-out;
		/*letter-spacing: .5px;*/
	}
		nav > span:after {
			content: "";
			position: absolute;
			bottom: -3px;
			left: 0;
			right: 0;
			width: 0px;
			height: 3px;
			margin: auto;
			background-color: #000;
			-webkit-transition: all .25s ease-in-out;
			   -moz-transition: all .25s ease-in-out;
			    -ms-transition: all .25s ease-in-out;
			     -o-transition: all .25s ease-in-out;
			        transition: all .25s ease-in-out;
			z-index: 20;
		}

		nav > span:hover:after {
			width: calc(100% - 44px);
		}

		nav > span:hover {
			color: #0c1b28;
		}

.tab {
	margin: 30px auto 60px auto;
	max-width: 86%;
}

	.tab p {
		max-width: 600px;

		line-height: 1.4;
	}

	.tab .invisibleLink {
		/*color: inherit;*/
		text-decoration: none;
		color: #26455e;
		font-weight: 700;
	}
		.tab .invisibleLink:hover {
			text-decoration: underline;
		}


	#news_tab {
		/*background-color: #dadada;*/
		background: rgba(155, 175, 196, 0.2);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		border-radius: 16px;
		padding: 14px 15px;
	}
		#news_tab h2 {
			margin: 0;
			margin-block-end: 0.83em;
			padding: 0;
			font-size: 1.2em;
			/*color: rgba(155, 175, 196, 1);*/
			color: #708496;
		}


		#newsContainer > span {
			display: flex;
			/*flex-wrap: wrap;*/
			/*flex-direction: column;*/
			font-size: 14px;
		}
			#newsContainer a {
				text-decoration: none;
				font-weight: bold;
				color: #26455e;
			}
			#newsContainer > span > i:first-of-type {
				flex-grow: 0;
				flex-shrink: 0;
				/*width: 82px;*/
				/*background-color: red;*/

				font-style: normal;
				/*padding-right: 7px;*/
				color: #708496;
			}

				#newsContainer > span > i:first-of-type:after {
					content: "—";
					float: right;
					padding-left: 8px;
				}

			#newsContainer > span > i:last-of-type {
				/*background-color: green;*/
				padding-left: 8px;
				font-style: normal;
			}

	.video-container {
	  position: relative;
	  /*padding-bottom: 56.25%; /* 16:9 */
	  padding-bottom: calc(56.25% * 0.75); /* 16:9 */
	  width: 75%;
	  height: 0;

	  margin-top: 22px;
	}
	.video-container iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}

	/*#aboutVideo {
		width: 80%;
		max-width: 620px;
		height: auto;
	}*/

	#pubContentReal {
		margin-top: 26px;
	}

	.pubItem {
		display: flex;
		flex-direction: column;
		margin-bottom: 24px;
		/*border-left: 3px solid #abc2d3;*/
		/*padding-left: 24px;*/
		padding-left: 64px;
		position: relative;
	}
		.pubItem:before {
			content: "";
			position: absolute;
			top: 2px;
			left: 40px;
			width: 14px;
			height: 14px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			background-color: #abc2d3;
		}

		.pubItem:after {
			content: attr(year);
			position: absolute;
			top: 1px;
			left: 0px;
			/*color: #abc2d3;*/
			color: #2c6393;
			font-size: .8rem;
		}

		.pubItem.newLabel:before {
			background-color: #C62828;
		}

		.pubItem.newLabel:after {
			color: #C62828;
			font-weight: bold;
		}

		.pubItem.newLabel > em {
			font-style: normal;
			font-size: .75rem;
			color: #EF9A9A;
			background-color: #C62828;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			padding: 4px 11px;
			-webkit-box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.5);
			box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.5);
			position: absolute;
			text-transform: uppercase;
			font-weight: bold;
			display: inline-block;
			top: 26px;
			left: 0px;
		}
			.pubItem.newLabel > em:before {
				content: "";
				position: absolute;
				height: 120%;
				top: 0;
				bottom: 0;
				margin: auto;
				width: 40%;
				left: -50%;
				-webkit-transform: skewX(-10deg);
				   -moz-transform: skewX(-10deg);
				    -ms-transform: skewX(-10deg);
				     -o-transform: skewX(-10deg);
				        transform: skewX(-10deg);
				background-color: #fff;
				opacity: .2;
				-webkit-animation: overlayNewLabel 3.8s ease-in-out 0.5s infinite alternate;
				   -moz-animation: overlayNewLabel 3.8s ease-in-out 0.5s infinite alternate;
				    -ms-animation: overlayNewLabel 3.8s ease-in-out 0.5s infinite alternate;
				     -o-animation: overlayNewLabel 3.8s ease-in-out 0.5s infinite alternate;
				        animation: overlayNewLabel 3.8s ease-in-out 0.5s infinite alternate;
			}

			@keyframes overlayNewLabel {
				0% {
					 left: -50%;
				}
				100% {
					 left: 102%;
				}
			}

		.pubItem.comingsoon {
			border-left: none;
			padding-left: 0px;
		}

		.pubItem > i {
			font-style: normal;
			display: block;

			width: 100%;
			padding-bottom: 2px;
		}
			.pubItem > i:last-of-type {
				padding-bottom: 0px;
			}

			.pubItem > i > a {
				font-weight: 700;
				cursor: pointer;
				/*color: #0c1b28;*/
				color: #2c6393;
				text-decoration: none;
			}

			.pubItem > i.authors, .pubItem > i.venue {
				color: #525960;
				font-size: .85rem;
			}

			.pubItem > i.links {
				color: #525960;
				font-size: .85em;
			}

			.comingsoon {
				color: #525960;
			}

			.pubItem > i.links > a {
				padding: 0px 8px 0px 6px;
			}

			.pubItem > i.links > a:first-of-type {
				padding-left: 0px;
			}

			/*.pubItem > i.links > a {
				padding-right: 8px;
			}
				.pubItem > i.links > a:after {
					content: "/";
					position: relative;
					left: 6px;
				}*/


	#videoContent {
		margin-top: 26px;
	}

		.videoItem {
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			position: relative;
			border-bottom: 3px solid #c9dae5;
			padding-bottom: 0px;
			padding-top: 24px;
		}
			.videoItem:first-of-type {
				padding-top: 0px;
			}

			.videoBox {
				flex-grow: 0;
				flex-shrink: 0;
				width: 260px;

				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				overflow: hidden;
				display: flex;
				margin-bottom: 24px;
			}
				.videoBox video {
					width: 100%;
					height: auto;
				}

			.videoDescr {
				font-style: normal;
				padding-left: 20px;
				font-size: .85rem;
			}

				.videoDescr h4 {
					padding-top: 0px;
					margin-top: 0px;
					padding-bottom: 0px;
					margin-bottom: 9px;
					font-size: 1rem;
				}

				.videoDate {
					color: #525960;
				}

				.videoDescr p {
					margin-top: 9px;
					margin-bottom: 16px;
					padding: 0px;
				}

footer {
	max-width: 820px;
	margin: 20px auto 20px auto;
	text-align: center;
	color: #efefef;
	font-family: 'Montserrat';
	font-size: .8rem;
	position: relative;
	z-index: 120;
}

.revealOnScroll {
	visibility: hidden;
}


@media screen and (max-width: 980px) {

	#partnerLogos {
		display: none;
	}


	header > div {
		max-width: 82%;
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;

	}
	
	#main {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;

		margin-top: 40px;
		margin-bottom: 40px;
	}

	nav:after {
		/*content: "";
		position: absolute;
		bottom: -3px;
		height: 3px;
		width: 86%;
		background-color: #c5d7e5;
		z-index: 10;*/

		display: none;
	}

	nav {
		border-bottom: 3px solid #c5d7e5;

		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
	}

	.tab {
	    margin: 30px auto;
	    max-width: 82%;
	}

	.video-container {
	  /*position: relative;*/
	  padding-bottom: 56.25%; /* 16:9 */
	  /*padding-bottom: calc(56.25% * 0.75);*/ /* 16:9 */
	  /*width: 75%;*/
	  width: 100%;
	  /*height: 0;*/
	}
	
}