/*-------------------------------------------------------*/
/* Alle Formatkonfigurationen finden sich in dieser Datei*/
/*-------------------------------------------------------*/


/*Festlegung der Farben*/
:root{
	--farbe_hell:#FFCF41;
	--farbe_mittel:#FFBF00;
	--farbe_dunkel:#B58800;

	--grau_hell:#c0c0c0;
	--grau_dunkel:#606060;
}

/*Allgemeine Festlegungen*/
body {
	background-color: var(--farbe_mittel);
	font-family: verdana;
}

a {
	color: black;
	text-decoration: none;
}

/*Beschreibung von Klassen*/
.auswahl{
	background-color: var(--farbe_dunkel);
}

.gesamte_seite{
	width: auto;
	text-align: center;
}


/*-----------------------------------------------------------*/
/* Begin der Einzellnen Elemente von Oben nach unten geordnet*/
/*-----------------------------------------------------------*/


/*Kopf und Navigationsbereich*/
header{
	background-color: var(--farbe_hell);
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
  border-bottom: 8px solid var(--farbe_dunkel);
	padding: 0em;
}

header h1 {
	font-size: 4em;
  display: inline-block;
	font-weight: normal;
	margin: 0em 0 0 0;
	padding-left: 0.5em;
}

header  h2 {
	/*text-align: left;*/
	margin-right: 4em;
	margin-left: -0.5em;
	font-size: 1em;
  display: inline-block;
	font-weight: normal;
	/*transform: rotate(270deg);*/

}

nav {
	display: inline-block;
  vertical-align: middle;
	text-align: right;
}

nav ul li {
  display: inline;
	padding: 1.5em;
	margin: -0.2em;
}

nav ul li:hover{
	background-color: var(--farbe_dunkel)
}

nav ul a li img{
	width: 1.4em;
	height: 1.4em;
}


/*Mittelteil unterteilt in article und aside*/
section{
	
	margin:3% 10% 5% 10%;
	vertical-align: top;
}

section article{
	background-color: var(--farbe_hell);
	padding: 2em;
	margin: 1em 0em 1em 0em;
	vertical-align: top;
}

section article div {
    width:100%;
}

section article img{
	width: 100%;
	}

/*Websitenfuss*/

footer{
	margin: -1em;
	padding: 2em;
	background-color: #000000;
	color: #ffffff;
	text-align: center;
}

footer ul li{
	display: inline;
	margin: 0em 4em 0em 4em;
}

footer ul li a {
	color: var(--farbe_dunkel);
}

footer a{
	color: var(--farbe_dunkel);
}