:root {
	--color-hg: #fff; /** eee */
	--color-vg: #000;
	--color-border:#000000;
}

@font-face {
	font-family: 'PartyLabor';
	src: url('/css/fonts/NuerthonRegular.otf') format('opentype');
}


/** === Layout === **/
body {
	display: grid;
	grid-template-columns: 1fr 3fr 1fr;
	grid-template-rows: 222px auto 100px;
	
	font: 1em 'Arial','FreeSans','Bitstream Vera Sans','Dejavu Sans',sans-serif;
	font-weight: lighter;

	background-color: var(--color-hg);
	color: var(--color-vg);
}

header {
	/**grid-row: 1;**/

	display: flex;
	align-items: center;
	justify-content: right;
	
	padding-left: 10px;
	padding-right: 10px;

	
	margin-bottom: 10px;
}

.heady {
	grid-column: 2 / -2;

	justify-content: left;
	border-bottom: solid 1px #485560;
}

article {
	grid-column: 2 / -2;
	
	border-left: solid 0px #000;
	padding-left: 10px;
}

footer {
	grid-column: 2 / -2;

	display: flex;
	align-items: center;
	justify-content: center;

	border-top: solid 1px #485560;
	margin-top: 10px;
}


/** === Überschriften === **/
h1 {
	font-size:1.8em;
	font-weight: strong;
	color:#485560;
}

h2 { 
	font-size:1em;
	color:#485560;
}

h3 {
	font-size:1em;
	color:#485560;
}

h4 {
	
}

#MainLogo {
	height:222px;
	
}