/**
 * Pico's Default Theme
 *
 * Pico's default theme is a bit bare - but that's intentional! The default
 * theme isn't meant for production use, it's actually a template for you to
 * design your own theme around.
 *
 * Pico is a stupidly simple, blazing fast, flat file CMS.
 *
 * @author  Gilbert Pellegrom
 * @author  Daniel Rudolf
 * @link    http://picocms.org
 * @license http://opensource.org/licenses/MIT The MIT License
 * @version 2.0
 */

* {
	box-sizing: border-box;
	border: 0 none;
	margin: 0;
	padding: 0;
}

.hidden {
	display: none !important;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0 none;
}

.slide {
	overflow-y: hidden !important;
	-webkit-transition: height .5s ease-in !important;
	transition: height .5s ease-in !important;
}

/*** BASIC LAYOUT ***/

html,
body {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
}
#main {
	flex: 1 0 auto;
}
#header,
#footer {
	flex: 0 0 auto;
}

#main {
	padding: 5em 0 4em;
}

.container {
	max-width: 48em;
	padding: 0 0.5em;
	margin: 0 auto;
}
.widescreen .container {
	max-width: 72em;
}

.right {
	text-align: right;
}

/* very ugly overflow fix, avoid this whenever possible! */
#main .container {
	overflow-x: auto;
}

/*** BASIC LAYOUT: HEADER ***/

#header {
	background: #001037;
}

#header_logo {
	width: 40%;
	padding: 3em 0 2em 0;
	/*main*/
}

#header h1 {
	float: left;
	font-size: 2rem;
	margin: 0;
	padding: 1.5em 1em 1.5em 0;
}
#header h1 a,
#header h1 a:hover {
	color: #fff;
}

#nav {
	text-align: right;
	padding: 3em 0;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav ul li {
	display: inline-block;
	margin-left: 1em;
	padding: 0;
	font-weight: bold;
}

#nav a,
#nav-toggle {
	color: #ddd;
}
#nav .active a,
#nav a:hover,
#nav-toggle:hover {
	color: #fff;
}

#nav-toggle {
	display: none;
}

/* IE8 + IE9 clearfix */
#header > .container:after {
	content: '';
	display: block;
	clear: both;
}

/*** BASIC LAYOUT: FOOTER ***/

#footer {
	background: #1a2f62; /*#1a2f62*/
	color: #C0C0C0;
}

#footer a {
	color: #ddd;
}
#footer a:hover {
	color: #fff;
}

#footer p {
	margin: 0;
	padding: 1.5em 0;
}

#footer img {
	max-width: 18em;
	float: right;
}

#footer .social {
	float: right;
	padding: 1.5em 0 1.5em 1em;
	font-size: 2rem;
}

/*** BASIC LAYOUT: EXTRA SMALL DEVICES ***/

@media (max-width : 767px) {
	#main {
		padding: 2em 0 1em;
	}


	#header_logo {
		width: 60%;
		padding: 3em 0 2em 0;
	}

	#header h1 {
		float: none;
		padding: 0.5em 0;
	}

	#nav {
		clear: right;
		padding: 0;
	}
	#nav ul {
		padding-bottom: 1em;
	}
	#nav ul li {
		display: block;
		margin-left: 0;
		text-align: center;
	}
	#nav ul li a {
		display: block;
		padding: 0.5em 0;
	}

	.js #nav-toggle {
		display: block;
		float: right;
		width: 2em;
		margin: 0.6667em 0 0.6667em 1.3333em;
		font-size: 1.5rem;
		line-height: 2em;
		text-align: center;
		cursor: pointer;
	}
	.js #nav-toggle > * {
		vertical-align: middle;
	}

	#footer p {
		padding: 1em 0;
	}
	#footer .social {
		padding: 0.5em 0 0.5em 1em;
	}
}

/*** TYPOGRAPHY ***/

html {
	font-size: 16px;
}

body {
	font-family: 'Helvetica Neue LT W05 55 Roman', 'Arial', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	font-variant-ligatures: common-ligatures;
	text-rendering: optimizeLegibility;
	font-kerning: normal;
	color: #444;
}

p,
td,
th,
li,
dd {
	text-align: left;
	overflow-wrap: break-word;
	word-wrap: break-word;
	/*   Hier follgt Trennung*/
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

td:nth-child(1){
	white-space: nowrap;
}

p,
hr,
table,
.table-responsive,
ol,
ul,
dl,
pre,
blockquote,
fieldset {
	margin-bottom: 1em;
}

a {
	color: hsl(223, 58%, 35%);
	text-decoration: none;
	-webkit-transition: color .2s ease-in;
	transition: color .2s ease-in;
}
a:hover {
	color: #444;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0.6em;
	font-weight: normal;
	font-style: normal;
	color: #333;
}
h1 {
	font-family: "Helvetica Neue LT W05_75 Bold";
	font-size: 2rem;
}
h2 {
	font-family: "Helvetica Neue LT W05_75 Bold";
	font-size: 1.7rem;
}
h3 {
	font-family: "Helvetica Neue LT W05 65 Medium";
	font-size: 1.4rem;
}
h4 {
	font-size: 1.1rem;
}
h5 {
	font-size: 1rem;
}
h6 {
	font-size: 1rem;
	font-style: italic;
}

img {
	max-width: 100%;
}

hr {
	border: 0.15em solid #f5f5f5;
	border-radius: 0.3em;
	background: #f5f5f5;
}

abbr {
	text-decoration: underline dotted;
}

/*** Images ***/
img.cover {
	width: 30%;
	/*max-height:100em;*/
	float: right;
	display: inline;
	margin-left: 1.5em;
	margin-bottom: 1em;
}
img.cover-left {
	width: 25%;
	/*max-height:100em;*/
	float: left;
	display: inline;
	margin-right: 3em;
	margin-bottom: 1em;}
	

/*** TABLES ***/

table {
	border-spacing: 0;
}

td,
th {
	padding: 0.4em 1em;
	vertical-align: top;
}
th {
	font-weight: bold;
	text-align: center;
	background: #f5f5f5;
	color: #333;
}

td,
th {
	border: solid 1px #ccc;
}
tr:not(:last-child) td,
tr:not(:last-child) th {
	border-bottom: 0 none;
}
thead tr:last-child th {
	border-bottom: 0 none;
}
td:not(:last-child),
th:not(:last-child) {
	border-right: 0 none;
}

tr:first-child td:first-child,
tr:first-child th:first-child {
	border-top-left-radius: 0.3em;
}
tr:first-child td:last-child,
tr:first-child th:last-child {
	border-top-right-radius: 0.3em;
}
tbody tr:last-child td:first-child {
	border-bottom-left-radius: 0.3em;
}
tbody tr:last-child td:last-child {
	border-bottom-right-radius: 0.3em;
}
table thead + tbody tr:first-child td {
	border-radius: 0 !important;
}

.table-responsive {
	overflow-x: auto;
}
.table-responsive > table {
	margin-bottom: 0;
}

/*** LISTS ***/

ol,
ul {
	list-style-position: outside;
	padding-left: 1.5em;
}
ol {
	padding-left: 2.5em;
}
li {
	padding-left: 0.5em;
}

dt {
	font-weight: bold;
}
dd {
	margin-left: 2em;
}

/*** CODE ***/

code {
	margin: 0 0.1em;
	padding: 0.1em 0.2em;
	border: 1px solid #ccc;
	border-radius: 0.3em;
	background: #f5f5f5;
	font-family: 'Droid Sans Mono', 'Courier New', 'Courier', monospace;
	font-size: 0.9rem;
}

pre {
	padding: 0 1em;
	border: 1px solid #ccc;
	border-radius: 0.3em;
	background: #f5f5f5;
	line-height: 1.4;
}
pre code {
	display: block;
	margin: 0;
	padding: 1.1111em 0;
	border: 0 none;
	background: transparent;
	overflow-x: auto;
}

/*** BLOCKQUOTE ***/

blockquote {
	font-style: italic;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 0.5em solid #f5f5f5;
}

/*** FORMS ***/

label,
fieldset legend {
	font-weight: bold;
}

input:not([type = "checkbox"]):not([type = "radio"]),
button,
select,
textarea,
fieldset,
fieldset legend {
	border: solid 1px #ccc;
	border-radius: 0.3em;
	background: #fff;
	-webkit-transition: none .2s ease-in;
	transition: none .2s ease-in;
	-webkit-transition-property: border-color, background, box-shadow;
	transition-property: border-color, background, box-shadow;
}

input:not([type = "checkbox"]):not([type = "radio"]),
button,
select,
textarea {
	padding: 0.5em 1em;
	outline: 0 none;
	font-size: 1rem;
}
input:focus:not([type = "checkbox"]):not([type = "radio"]),
button:focus,
select:focus,
textarea:focus {
	border-color: #2EAE9B;
	box-shadow: 0 0 8px #2EAE9B;
}
input[type = "button"]:focus,
input[type = "submit"]:focus,
input[type = "reset"]:focus,
button:focus,
input[type = "button"]:hover,
input[type = "submit"]:hover,
input[type = "reset"]:hover,
button:hover {
	background: #f5f5f5;
	cursor: pointer;
}

textarea,
select[multiple] {
	vertical-align: bottom;
	overflow: auto;
}

fieldset {
	padding: 1em;
	background: #f5f5f5;
}
fieldset legend {
	padding: 0 0.5em;
}

fieldset label,
fieldset input,
fieldset button,
fieldset select,
fieldset textarea {
	margin: 0.2em 0.5em;
}
fieldset label:first-child,
fieldset input:first-child,
fieldset button:first-child,
fieldset select:first-child,
fieldset textarea:first-child {
	margin-left: 0;
}
fieldset label:last-child,
fieldset input:last-child,
fieldset button:last-child,
fieldset select:last-child,
fieldset textarea:last-child {
	margin-right: 0;
}

/* Firefox input size fix */
input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}