@font-face {
    font-family: "initialenfont";
    src: url("fonts/lblack.ttf");
}

@font-face {
    font-family: "runenfont";
    src: url("fonts/Runes-C.otf");
}

@media screen {

	html {
		padding:0em 3em;
	}

	body {
		font-family: "Times New Roman", Times, serif;
		background-color: #880000;
		color: #F1BA67;
		font-size: large;
		margin: 3em auto 0em auto;
		max-width: 80em;
		min-width: 40em;
	}

	nav {
		font-size: xx-large;
		text-align: left;
	}
	
	nav a {
		display:inline-block;
		padding :0.1em 0.2em;
		text-decoration: none;
		color: white;
		border: 0.1em solid #F1BA67;
		border-radius: 0.4em;
		background-color: #123456;
	}
	
	nav a:hover {
		color: #880000;
		background-color: #F1BA67;
		border-color: #F1BA67;
		transition-duration: 0.5s;
		transition-property: border-color, background-color;
	}

	#login {
		float:right;
	}
	
	main {
		margin-top: 1em;
		min-width: 30em;
		font-size: larger;
		margin-bottom: 2em;
	}
	
	article {
		margin-top: 1em;
		border: 0.1em solid #F1BA67;
		border-radius: 0.4em;
 		padding: 0.5em;
 		background-color: #123456;
 	}

 	article footer {
 		color: #F1BA67;
 		text-align: right;
 		font-size: smaller;
 	}

 	article footer a {
 		text-decoration: none;
 		color: #F1BA67;
 	}

 	article footer a:hover {
		color: white;
		transition-duration: 0.5s;
		transition-property: color;
 	}

	h1 {
		text-align: center;
		font-size: xx-large;
		color: white;
		margin: 0.5em;
	}

	h2 {
		text-align: center;
		font-size: larger;
		color: white;
		margin: 0.5em;
	}
	
	h3 {
		color: white;
		margin: 0.5em;
	}

	span.initialen {
		font-family: "initialenfont";
		font-size: larger;
	}

	.impressum {
		text-align: right;
		margin-bottom: 1em;
	}

	a {
		color: #F1BA67;
		text-decoration: none;
	}

	.runentext {
		text-wrap: nowrap;
		font-size: 1.1em;
		text-align: center;
		background-color: #123456;
		font-family: "runenfont";
	}

	.oben {
		position: fixed;
		left: 0em;
		width:100%;
		top: 0em;
		border-bottom: 0.1em solid #F1BA67;
	}

	.unten {
		position: fixed;
		left: 0em;
		width:100%;
		bottom: 0em;
		border-top: 0.1em solid #F1BA67;
	}

	#online {
		text-align: center;
		color: lightgreen;
		margin-top: -1em;
		margin-bottom: 1em;
		font-size: smaller;
	}

}

@media print {

	nav {
		display: none;
	}

	.impressum {
		display: none;
	}

	.runentext {
		display: none;
	}

	.oben {
		display: none;
	}

	.unten {
		display: none;
	}
}