@font-face {
				font-family: "Vollkorn";
				src: url("/fonts/Vollkorn-Regular.eot");
				src: url("/fonts/Vollkorn-Regular.woff2") format("woff2"), url("/fonts/Vollkorn-Regular.woff") format("woff"), url("/fonts/Vollkorn-Regular.ttf") format("truetype");
			}
			@font-face {
				font-family: "Vollkorn";
				font-weight: bold;
				src: url("/fonts/Vollkorn-Bold.eot");
				src: local("Vollkorn Bold"), url("/fonts/Vollkorn-Bold.woff2") format("woff2"), url("/fonts/Vollkorn-Bold.woff") format("woff"), url("/fonts/Vollkorn-Bold.ttf") format("truetype");
			}		
			body {
				font:11pt/20pt "Vollkorn"; 
				text-rendering: optimizeLegibility;
				font-variant-ligatures: common-ligatures;
				font-kerning: normal;
				font-feature-settings: "liga";
				background-color:#f2f2f2;
				color:#333;
				margin: auto;
				padding: 0;
				width:96%;
				max-width: 800px;
			}
			.navBar {
				background-color: #666;
				height: auto;
				position: fixed;
				right: calc(50% - 400px);
				top: 0px;
				z-index: 2;
			}
			.navDropdown {
				float: left;
				overflow: hidden;
				display: block;
			}
			.navButton {
				font-size: 16px;
				border: none;
				outline: none;
				color: white;
				padding: 10px 12px;
				background-color: inherit;
				font-family: inherit; /* Important for vertical align on mobile phones */
				margin: 0; /* Important for vertical align on mobile phones */
			}
			.navDropdown:hover .navButton {
				background-color: #176fa1;
			}
			.navLinks {
				display: none;
				position: absolute;
				background-color: #f9f9f9;
				min-width: 160px;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
				z-index: 1;
				right: 0;
			}
			.navLinks a {
				float: none;
				color: black;
				padding: 12px 16px;
				text-decoration: none;
				display: block;
				text-align: left;
			}
			.navLinks a:hover {
				background-color: #ddd;
			}
			.navDropdown:hover .navLinks {
				display: block;
			}
			a, a:active, a:visited {
				color: #176fa1;
				text-decoration: none;
			}
			a:hover {
				text-decoration: underline;
			}
			.centerText {
				text-align: center;
			}
			.justifyText {
				text-align: justify;
			}
			.green {
				color: #008800;
			}
			#publications #covers #projects #exp {
				margin: auto;
				width: 98%;
				max-width: 800px;
			}
			#publist #publistother {
				padding-left: 20pt;
			}
			#publications li {
				padding-bottom: 12pt;
				padding-right: 4pt;
				text-align: justify;
				font-size: 13pt;
			}
			#publications li:hover {
				background-color: #E2E2E2;
			}
			#publications li span {
				font-size: 11pt;
			}
			.textsc {
				font-variant-caps: small-caps;
				font-size: 12pt;
			}
			.impressum {
				font-size: 6pt;
				color: #888888;
			}
			.footer {
				position: fixed;
				bottom: 0;
				left: 0;
				width: 100%;
				background-color: white;
				z-index: 1;
			}
			h1 {
				border-bottom: 1px solid #d8d8d8;
				padding: 5px;
				font-size: 1.5em;
				max-width: 400px;
				margin: auto;
				letter-spacing: 0.05em;
			}
			.divcover {
				display:inline;
			}
			.divcover img {
				transition: transform .5s ease;
			}
			.divcover:hover .coverpage {
				transform: scale(1.10);
			}
			.covertext {
				background-color: #176fa1;
				color: white;
				padding: 4px 4px;
			}
			.projectpic {
				width: 200px;
			}
			.ProjectContainer {
				width: calc(100% - 20px);
				vertical-align: middle;
				padding-left: 20px;
				display: flex;
				align-items: center;
				padding-bottom: 15px;
			}
			.ProjectPic {
				display:inline-block;
				width:200px;
				text-align: center;
			}
			.ProjectDesc {
				font-size:16px;
				display:inline-block;
				width:calc(99% - 202px);
				padding-left: 20px;
				padding-right: 20px;
				text-align: justify;
			}
			@media (max-width: 800px) {
				.mib {
					width: 80%;
					box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.5);
				}
				.coverpage {
					height: 100px;
					box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
				}
				.coverpage:hover img {
					  transform: scale(1.5);
				}
				li { 
					padding-left:0.0em;
				}
				.ProjectContainer {
					display: inline;
					width: calc(98% - 20px);
				}
				.ProjectDesc {
					width: calc(98% - 40px);
				}
				.ProjectPic {
					width:100%;
				}
				.navBar {
					right: 5px;
				}
			}
			@media (min-width: 801px) {
				.mib {
					width: 400px;
					box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.5);
				}
				.coverpage {
					height: 200px;
					box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
				}
				.coverpage:hover img {
					  transform: scale(1.5);
				}
				li { 
					padding-left:0.6em;
				}
			}