@charset "UTF-8";
/* CSS Document */

/* History
/  --------------------------------------------
/  Datum		Version	Wer		Änderung
/  --------------------------------------------
/  05.05.2020	1.0.0	bwo		CSS erstellt
/  xx.xx.xxxx	x.x.x			
/  ------------------------------------------- */


/* -------------------------------------------- /
/* Webfonts                                     /
/  ------------------------------------------- */

/* Header-Font  */
@font-face {
	font-family: "Korolev-Heavy";
	src: url("fonts/korolev/korolev_heavy_macroman/korolev-heavy-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

/* Inhalte  */
@font-face {
	font-family: "Korolev-Light";
	src: url("fonts/korolev/korolev_light_macroman/korolev-light-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Korolev-LightItalic";
	src: url("fonts/korolev/korolev_lightitalic_macroman/korolev-lightitalic-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Korolev-Bold";
	src: url("fonts/korolev/korolev_bold_macroman/korolev-bold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Korolev-BoldItalic";
	src: url("fonts/korolev/korolev_bolditalic_macroman/korolev-bolditalic-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}



/* -------------------------------------------- /
/  Reset                                        /
/  ------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-family: 'Korolev-Light', 'RobotoCondensed-Light', sans-serif;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}


/* -------------------------------------------- /
/  Inhaltsbereiche                              /
/  ------------------------------------------- */
header, footer {
	background-color: #840000;
	color: #fff;
	padding: 5px 0;
	display: block;
	width: 100%;
}
header {
	z-index: 2;
	font-family: 'Korolev-Heavy', sans-serif;
	padding: 0;
}
footer {
	z-index: 4;
	position: fixed;
	bottom: 0;
	left: 0;
}
nav {
	z-index: 3;
	background-color: #a41a1a;
	padding: 5px 0;
}
main {
	z-index: 1;
	min-width: 300px;
	max-width: 80%;
}
aside {
}
section {
}
article {
	background: #fff;
	border: 1px solid #666;
	border-radius: 7px;
	display: inline-block;
}


/* -------------------------------------------- /
/  IDs                                          /
/  ------------------------------------------- */
#articleGrid {
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	margin: 30px 0 0 0;
	display: flex;
}

/* -------------------------------------------- /
/  Klassen                                      /
/  ------------------------------------------- */
.contentWidth {
	margin: 0 auto;
	min-width: 300px;
	max-width: 80%;
}
.articleWidth {
}
.articleFullWidth {
	width: 100%;
}
.tempAbschluss{
	width: 100%;
	clear: both;
}
.llZeitraum, .llContent, .llFoto, .llPersonalien {
	font-size: 1.1em;
}
.llZeitraum {
	font-family: "Korolev-Bold", sans-serif;
	clear: both;
}
.llZeitraumNoLine {
}
.llContent {
	display: block;
}
.llArbeitgeber {
	font-family: "Korolev-Bold", sans-serif;
	color: #787878;
	margin: 0 0 0.5em 0;
}
.llAnstellung {
	font-family: "Korolev-Bold", sans-serif;
	color: #840000;
	font-size: 1.15em;
	margin: 0 0 0.2em 0;
}
.portraitWidth {}
.frontMargin{}
.frontImage{
	border: none;
}

/* -------------------------------------------- /
/  Tags                                         /
/  ------------------------------------------- */
body {
	background-image: url("../img/background_hell.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	background-attachment: fixed;
	background-position: top right;
	background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Korolev-Bold', sans-serif;
	font-weight: normal;
}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
p {
	font-size: 1em;
	margin: 0 0 0.5em 0;
}
p:last-child {
	margin: 0;
}
a, a:hover, a:visited {
	text-decoration: none;
	color: #840000;
	font-family: 'Korolev-Bold', sans-serif;
}
a:hover {
	color: #fb3;
	color: #666;
}
header a, header a:hover, header a:visited {
	font-family: 'Korolev-Heavy', sans-serif;
	text-decoration: none;
	color: #fff;
}
aside a, aside a:hover, aside a:visited {
	text-decoration: none;
	color: #840000;
	font-family: 'Korolev-Bold', sans-serif;
}
aside a:hover {
	color: #fb3;
	color: #666;
}
nav a, nav a:hover, nav a:visited {
	text-decoration: none;
	color: #fff;
	font-family: 'Korolev-Bold', sans-serif;
}
nav a:hover {
	color: #fb3;
	color: #D0D0D0;
}

footer p {
	font-family: 'Korolev-Bold', sans-serif;
	font-size: 0.85em;
}
header h1 {
	font-family: "Korolev-Heavy", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 3em;
}
nav ul li {
	display: inline-block;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 2px solid #fff;
}
nav ul li:last-child {
	border: none;
}
section ul li {
	list-style-type:square;
	margin-left: 1.25rem;
}
img {
	margin: 0 0 15px 0;
	border: 1px solid #666;
}
article img {
	width: 100%;
	border: 1px solid #666;
}
table tbody tr td, .llContent table tbody tr td {
	font-size: 1.1em;
	padding: 0 1em 0 0 ;
}
strong {
	font-family: "Korolev-Bold", sans-serif;
	font-weight: normal;
}
em {
	font-family: "Korolev-LightItalic", sans-serif;
}
.llContent ul li {
	list-style-type:square;
	margin-left: 1.25rem;
}


/* Hier kommen die Desktop-Beschreibungen  */
/* --------------------------------------- */
@media screen and (min-width:1000px) {
	main {
		margin: 70px auto 70px auto;
	}
	aside {
		padding: 0 0 0 15px;
		border-left: 3px solid #840000;
		width: 20%;
		float: right;
	}
	aside ul li {
		font-size: 1em;
		display: block;
		margin: 0 0 10px 0;
	}
	aside ul li:last-child {
		margin: 0;
	}
	section {
		width: calc(80% - 30px);
		margin: 0 30px 0 0;
		display: block;
		float: left;
	}
	.llZeitraum {
		width: 25%;
		margin: 0 0 2em 0;
		padding: 0 30px 0 0;
		display: inline-block;
		float: left;
		white-space: nowrap;
		border: none;
	}
	.frontMargin {
		width: 100%;
		margin-top: 0;
	}
	.frontImage {
		width: 28%;
		display: inline-block;
		margin: 0 5% 2em 0;
	}
	.frontImage:last-child {
		margin: 0 0 2em 0;
	}
	.llZeitraumNoLine {
		border: none;
	}
	.llContent {
		width: calc(75% - 30px);
		margin: 0 0 3em 0;
		display: inline-block;
		float: right;
	}
	.llFoto {
		width: 25%;
		margin: 0 0 2em 0;
		padding: 0 30px 0 0;
		display: inline-block;
		float: right;
	}
	.llPersonalien {
		width: calc(75% - 30px);
		margin: 0 0 2em 0;
		display: inline-block;
		float: left;
	}
	.llZeitraum:last-child, .llContent:last-child, .llFoto:last-child, .llPersonalien:last-child {
		margin: 0;
	}
	.portraitWidth {
		width: 100%;
	}
	section h1 {
		font-size: 2.5em;
		margin: 0 0 50px 0;
	}
	section h2 {
		font-size: 1.5em;
		margin: 25px 0 15px 0;
	}
	section h2:first-child {
		margin: 0 0 15px 0;
	}
	section ul li {
		font-size: 1.1em;
	}
	article {
		width: calc(33.3% - 20px);
		padding: 15px;
		margin: 0 20px 20px 0;
	}
	article:last-child {
		margin: 0 0 20px 0;
	}
	article h1 {
		font-size: 1.5em;
	}
	article h2 {
		font-size: 1.25em;
		margin: 0 0 10px 0;
	}
	p {
		font-size: 1.1em;
	}
}


/* Hier kommen die Tablet-Beschreibungen   */
/* --------------------------------------- */
@media screen and (min-width:700px) and (max-width:1000px) {
	main {
		margin: 50px auto 70px auto;
	}
	aside {
		padding: 0 0 0 15px;
		border-left: 3px solid #840000;
		width: 20%;
		float: right;
	}
	aside ul li {
		font-size: 1em;
		display: block;
		margin: 0 0 10px 0;
	}
	aside ul li:last-child {
		margin: 0;
	}
	section {
		width: calc(80% - 30px);
		margin: 0 30px 0 0;
		display: block;
		float: left;
	}
	article {
		width: calc(50% - 20px);
		padding: 15px;
		margin: 0 20px 20px 0;
	}
	article:last-child {
		margin: 0 0 20px 0;
	}
	.frontMargin {
		width: 100%;
		margin-top: 0;
	}
	.frontImage {
		width: 45%;
		display: inline-block;
		margin: 0 5% 1em 0;
	}
	.frontImage:last-child {
		margin: 0 0 1em 0;
	}
	.llZeitraum {
		width: 30%;
		margin: 0 0 2em 0;
		padding: 0 20px 0 0;
		display: inline-block;
		float: left;
		white-space: nowrap;
		border:none;
	}
	.llZeitraumNoLine {
		border: none;
	}
	.llContent {
		width: calc(70% - 20px);
		margin: 0 0 3em 0;
		display: inline-block;
		float: right;
	}
	.llZeitraum:last-child, .llContent:last-child {
		margin: 0;
	}
	.portraitWidth {
		width: 100%;
	}
	section h1 {
		font-size: 2em;
		margin: 0 0 25px 0;
	}
	section h2 {
		font-size: 1.3em;
		margin: 20px 0 10px 0;
	}
	section h2:first-child {
		margin: 0 0 10px 0;
	}
	section h3 {
		font-size: 1.1em;
		margin: 0;
	}
	section ul li {
		font-size: 1.1em;
	}
	article h1 {
		font-size: 1.5em;
	}
	article h2 {
		font-size: 1.25em;
	}
	p {
		font-size: 1.1em;
	}
}


/* Hier kommen die Mobile-Beschreibungen */
/* ------------------------------------- */
@media screen and (min-width:200px) and (max-width:700px) {
	main {
		margin: 0 auto 70px auto;
	}
	#articleGrid {
		display: inline-block;
	}
	aside {
		padding: 10px 15px;
		background-color: #fff;
		width: 100%;
		float: none;
		margin: 0 0 30px 0;
	}
	aside ul li {
		font-size: 0.8em;
		display: block;
		margin: 0 0 4px 0;
	}
	aside ul li:last-child {
		margin: 0;
	}
	section {
		width: 100%;
		margin: 0;
		float: none;
	}
	article {
		width: 100%;
		padding: 15px;
		margin: 0 0 30px 0;
	}
	article:last-child {
		margin-bottom: 0;
	}
	.frontMargin {
		width: 100%;
		margin-top: 3em;
	}
	.frontImage {
		width: 100%;
		display: inline-block;
		margin: 0 0 1em 0;
	}
	.frontImage:last-child {
		margin: 0 0 1em 0;
	}
	.llZeitraum {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0.8em 0 0 0;
		display: inline-block;
		border-top: 1px solid;
	}
	.llZeitraumNoLine {
		margin: 0 0 10px 0;
		padding: 0;
		border: none;
	}
	.llContent {
		width: 100%;
		margin: 0 0 1.75em 0;
		display: inline-block;
	}
	.llZeitraum:last-child, .llContent:last-child {
		margin: 0;
	}
	.portraitWidth {
		width: 35%;
	}
	section h1 {
		font-size: 1.75em;
		margin: 0 0 1em 0;
	}
	section h2 {
		font-size: 1.5em;
		margin: 20px 0 10px 0;
	}
	section h2:first-child {
		margin: 0 0 10px 0;
	}
	section h3 {
		font-size: 1.15em;
		margin: 0;
	}
	section ul li {
		font-size: 1.15em;
	}
	article h1 {
		font-size: 1.5em;
	}
	article h2 {
		font-size: 1.25em;
	}
	p {
		font-size: 1.15em;
	}
}