@font-face {
			font-family: 'oldStandard';
			src: url('../font/oldstandard-bold-webfont.woff2') format('woff2'),
					 url('../font/oldstandard-bold-webfont.woff') format('woff');
			font-weight: bold;
			font-style: normal;
	}
	@font-face {
			font-family: 'oldStandard';
			src: url('../font/oldstandard-italic-webfont.woff2') format('woff2'),
					 url('../font/oldstandard-italic-webfont.woff') format('woff');
			font-weight: normal;
			font-style: italic;
	}
	@font-face {
			font-family: 'oldStandard';
			src: url('../font/oldstandard-regular-webfont.woff2') format('woff2'),
					 url('../font/oldstandard-regular-webfont.woff') format('woff');
			font-weight: normal;
			font-style: normal;
	}

	@font-face {
			font-family: 'now';
			src: url('../font/now-bold-webfont.woff2') format('woff2'),
					 url('../font/now-bold-webfont.woff') format('woff');
			font-weight: bold;
			font-style: normal;

	}
	@font-face {
			font-family: 'now';
			src: url('../font/now-thin-webfont.woff2') format('woff2'),
					 url('../font/now-thin-webfont.woff') format('woff');
			font-weight: normal;
			font-style: italic;

	}
	@font-face {
			font-family: 'now';
			src: url('../font/now-regular-webfont.woff2') format('woff2'),
					 url('../font/now-regular-webfont.woff') format('woff');
			font-weight: normal;
			font-style: normal;
	}

	body {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	

	img.align-left { 
		float: left; 
		margin: 5px;
		margin-left: 0px;
	}
	img.align-right { 
		float: right; 
		margin: 5px;
		margin-right: 0px;
	}
	
	a { color: #048810; }
	a:hover { color: #05B215; }

	h2 { color: #048810; }
	h4 { color: #114002;}

	/* Nav Trigger */
	.nav-trigger {
		/* critical styles - hide the checkbox input */ 
		position: absolute;
		clip: rect(0, 0, 0, 0);
	}

	label[for="nav-trigger"] {
		/* critical positioning styles 
		position: relative;
		left: 15px; top: 15px; */
		float: right;
		margin-top: 10px;
		z-index: 2;
		
		/* non-critical apperance styles */
		height: 20px;
		width: 20px;
		cursor: pointer;
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect fill='white' width='30' height='4'/><rect fill='white' y='24' width='30' height='4'/><rect fill='white' y='12' width='30' height='4'/></svg>");
		background-size: contain;

		display:none;
	}
	/* Nav Trigger */
	.nav-sidebar-trigger {
		/* critical styles - hide the checkbox input */ 
		position: absolute;
		clip: rect(0, 0, 0, 0);
	}

	label[for="nav-sidebar-trigger"] {
		/* critical positioning styles 
		position: relative;
		left: 15px; top: 15px; */
		float: right;
		margin-top: 6px;
		z-index: 2;

		/* non-critical apperance styles */
		height: 10px;
		width: 10px;
		cursor: pointer;
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='10px' height='10px' viewBox='0 0 10 10' enable-background='new 0 0 10 10' xml:space='preserve'><rect width='10' height='2'/><rect y='4' width='10' height='2'/><rect y='8' width='10' height='2'/></svg>");
		background-size: contain;

		display:none;
	}
	.hidenav {
		display:none;
	}
	.nav-trigger:checked ~ div.nav-collapse {
		overflow:visible;
		height: auto;
	}
	.nav-sidebar-trigger:checked ~ ul.nav-list {
		overflow:visible;
		height: auto;
		margin-bottom:10px;
	}
	.hide-span {display:none;}
	div.etc-left {
		display:block;
		float:left;
		width:80%;
	}
	div.etc-right {
		display:block;
		float:right;
		width:20%;
		min-width:120px;
	}
	@media (max-width:750px) {
		div.etc-left {
			width:60%;
		}
		div.etc-right {
			width:40%;
		}
		div.article div.well {height:80px;}
	}
	@media (max-width:450px) {
		div.etc-left {
			width:50%;
		}
		div.etc-right {
			width:50%;
		}
		div.article div.well, article div.well {height:170px;}
	}
	@media (max-width:360px) {
		div.etc-left {
			width:45%;
		}
		div.etc-right {
			width:55%;
		}
		div.article div.well, article div.well {height:170px;}
	}

	div.etc-right span {float:right;}
	@media (max-width:1200px) {
		div.nav-collapse ul.nav li, ul.pull-right li {font-size: 13px;}
	}
	@media (max-width:1100px) {
		div.nav-collapse ul.nav li, ul.pull-right li {font-size: 12px;}
	}
	@media (max-width:1020px) {
		div.nav-collapse ul.nav li, ul.pull-right li {font-size: 10.6px;}
	}
	@media (max-width:979px)	{
		label[for="nav-trigger"] {display:block;}
		label[for="nav-sidebar-trigger"] {display:block;}
		.hidenav {display:block;margin-left:10px;margin-right:10px;}
		ul.nav-ilist {float:left;}
		.hide-span {display:block;float:left;}
		ul.pull-right li i {float:left;}
	}
	.sidebar-nav {
		padding: 9px 0;
	}
	.tag-1 {
		font-size: 14pt;
	}
	.tag-2 {
		font-size: 12pt;
	}
	.tag-2 {
		font-size: 10pt;
	}
	.tag-4 {
		font-size: 8pt;
 }
 footer.lastfoot {
	 margin-left:25%;
	 text-align:center;
	 width:50%;
 }
ul.tagcloud {
	list-style: none;
		padding: 0;
		margin-left: -6px;
	font-size: 10px;
		text-align: center;
}

ul.tagcloud li {
		display: inline-block;
}

li.tag-1 {
		font-size: 150%;
}

li.tag-2 {
		font-size: 120%;
}

ul.tagcloud .list-group-item <span>.badge {
		background-color: grey;
		color: white;
}

ul.imgUl {
	list-style-type:none;
}
li.imgLi {
	display: block;
	float: left;
	margin: 6px;
}
li.imgLi:hover {
	margin: 5px;
}
li.imgLi a:hover img {
	border: 1px solid blue;
}

table.footnote td.label {
	background-color: white;
	vertical-align: top;
}
table.footnote {
	font-size: 85%;
}

div.lizenzbox {
	width:90%;
	font-size:small;
	margin:5px;
	margin-left:5%;
	margin-right:5%;
	padding:5px;
	padding-left:0.3em;
	border:1px solid #BECDBC;
}
div.lizenzbox p.rubric {
	font-weight: bold;
}
div.lizenzbox div, div.lizenzbox p {
	text-indent: 0px;
	padding-left:0.3em;
	font-size:small;
}
div.inhaltsverzeichnis {
	width:180px;
	float:right;
	font-size:small;
	font-family: sans-serif;
	margin:5px;
	padding:5px;
	border:1px solid #BECDBC;
}
div.inhaltsverzeichnis ul {
	margin-top:0.3em;
		margin-left: 5px;
	list-style-type: none;
}
div.inhaltsverzeichnis ul ul {
	margin-left: 15px;
	padding-right: 15px;
	list-style-type: circle;
}