body {
  margin: 0 auto;
  max-width: auto;
  display: grid;
  background-color: #004225; /* #004225; /*#2F3D2F;*/
  /*font-family: Libre Baskerville, Baskerville, Book Antiqua, Georgia, Times, serif;*/
  font-family: Book Antiqua, Georgia, Times, serif;
  /*font-family: arial, verdana, sans-serif;*/
  font-size: 1.2em;
  font-weight: normal;
  /*padding-bottom: 2em;*/
  gap: 0px;
  grid-template-columns: repeat(1, 1fr);
  grid-template-areas: "head" "side" "navi" "main" "foot";
  }
table {
  font-size: 0.8em;
  }

@media (min-width: 40em) { 
  body{
	max-width: 60em;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "head head head head"
	                     "side side side side"
                         "navi navi navi navi"
                         "main main main main"
						 "foot foot foot foot";
    padding-left: 3em;
    padding-right: 3em;
    padding-top: 0em;
    padding-bottom: 2em;
    }
   table {
    font-size: 1em;
    }
  }

@media (min-width: 500em) { 
  body{
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "head head head head head head"
                         "side side side side side side"
						 "navi navi navi navi navi navi"
                         "main main main main main main"
						 "foot foot foot foot foot foot";
    padding-left: 3em;
    padding-right: 3em;
    padding-top: 0em;
    padding-bottom: 2em;
    }
   table {
    font-size: 0.75em;
    }
  }


main {
  grid-area: main;
  background-color: #FAF9F5;
  padding: 0.3em 0em 1em 0.3em; /*oben rechts unten links*/
 }


nav {
  grid-area: navi;
  background-color: #FAF9F5;
  padding: 0.3em 0em 0em 0.3em; /*oben rechts unten links*/
  }

aside {
  grid-area: side;
  background-color: crimson; /*#DBD7C5;*/
  /*padding: 0.3em 0em 1em 0.3em; /*oben rechts unten links*/
  }

aside p {
  color: white;
  background-color: crimson; /*#DBD7C5;*/
  padding: 0 1em 0.3em 1em; /*oben rechts unten links*/
  }

header {
  grid-area: head;
  background-color: #696969;
  /*background-image: linear-gradient(#0E006E, #FAF9F5);*/
  padding: 1vmin 1vmin 1vmin; /*oben linksrechts unten*/
  }

footer {
  grid-area: foot;
  background-image: linear-gradient(#FAF9F5, #004225); /*#FF8700);*/
  padding: 1vmin 1vmin 1vmin; /*oben linksrechts unten*/
 }


footer a {
  text-decoration: none;
  background-color: white;
  font-size: 1.0em;
  line-height: 1.2em;
  font-style: normal;
  border-width: thin;
  border-style: solid;
  border-color: #666666;
  /*margin: 0.1em 0.1em 0.1em 0.1em; /*oben rechts unten links*/
  padding: 0.1em 0.3em; /*oben rechts unten links*/
 }
 
 
 img {
  max-width: 100%;
  height: auto;
 }

	
h1	{
	font-style: normal;
	font-weight: normal;
	font-size: 2em;
	text-align: center;
	color: #8F121D; /*#b7b1a9 /*navy*/
	margin: 6vmin 1vmin 1vmin 1vmin; /*oben rechts unten links*/
	}
	
h2	{
	background-image: linear-gradient(#ffffff, #f1f1f1);
	border-width: thin;
	border-style: solid;
	border-color: #666666;
	font-style: normal;
	font-weight: normal;
	font-size: 1.4em;
	text-align: center;
	margin: 1em 1vmin 1vmin 1vmin; /*oben rechts unten links*/
	padding: 0.1em 1vmin 0.1em 1vmin; /*oben rechts unten links*/
	color: navy; /*#8F121D; /*#69008c;*/
	}

h3	{
	font-style: normal;
	font-weight: normal;
	font-size: 1.3em;
	text-align: left;
	margin: 2vmin 1vmin 0.5vmin 1vmin; /*oben rechts unten links*/
	padding: 0.1em 1vmin 0.1em 1vmin; /*oben rechts unten links*/
	color: navy;
	}


h4	{
	font-style: normal;
	font-weight: normal;
	font-size: 1.1em;
	text-align: left;
	margin: 0.5vmin 1vmin 0.5vmin 1vmin; /*oben rechts unten links*/
	padding: 0em 1vmin 0em 2vmin; /*oben rechts unten links*/
	color: green;
	}

h5	{
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
	text-align: left;
	margin: 0.5vmin 1vmin 0vmin 2vmin; /*oben rechts unten links*/
	padding: 0em 1vmin 0em 2vmin; /*oben rechts unten links*/
	color: red;
	}	

h6	{
	background-image: linear-gradient(#ffffff, #f1f1f1);
	font-family: arial, verdana, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	margin: 1vmin 1vmin 1vmin 1vmin; /*oben rechts unten links*/
	border-width: thin;
	border-style: solid;
	border-color: #666666;
	padding: 0.1em 1vmin 0.1em 1vmin; /*oben rechts unten links*/
	color: purple;
	}

/* Gradient color1 - color2 - color1 */
hr.style01 {
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
  margin: 1vmin 10vmin 3vmin 10vmin; /*oben rechts unten links*/
  }

.style02 {
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
  margin: 1vmin 30vmin 1vmin 30vmin; /*oben rechts unten links*/
  }

code {
    /*margin: 0vmin 10vmin 0vmin 10vmin; /*oben rechts unten links*/
   	/*padding: 0em 10vmin 0em 10vmin; /*oben rechts unten links*/
  }

blockquote {	
  font-family: Libre Baskerville, Baskerville, Book Antiqua, Georgia, Times, serif;
  font-size: 1em;
  line-height: 1em;
  font-style: italic;
  font-weight: normal;
  text-align: center;
  color: #777777;/*#363431; /*#B7B1A9;*/
  margin: 0vmin 1vmin 0vmin 1vmin; /*oben rechts unten links*/
  /*padding: 0.1em 1vmin 0.1em 1vmin; /*oben rechts unten links*/
  }

	 
p {	
  font-family: Libre Baskerville, Baskerville, Book Antiqua, Georgia, Times, serif;
  font-size: 1em;
  line-height: 1.2em;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  color: #363431; /*#B7B1A9;*/
  margin: 0vmin 1vmin 0vmin 2vmin; /*oben rechts unten links*/
  padding: 0.1em 1vmin 0.1em 1vmin; /*oben rechts unten links*/
  }

.aktual {
  font-family: arial, verdana, sans-serif;
  font-size: 0.7em;
  line-height: 1em;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  color: grey;
  margin: 0vmin 0vmin 0vmin 0vmin; /*oben rechts unten links*/
  padding: 1vmin 1vmin 1vmin 0em; /*oben rechts unten links*/
  }

.headline {
  font-size: 1.6em;
  line-height: 1em;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  color: white;
  margin: 0vmin 0vmin 0vmin 0vmin; /*oben rechts unten links*/
  padding: 0vmin 1vmin 0vmin 1vmin; /*oben rechts unten links*/
  }
  
 .headline_s {
  font-size: 1.2em;
  line-height: 1em;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  color: white;
  margin: 1vmin 1vmin 1vmin 1vmin; /*oben rechts unten links*/
  padding: 0vmin 1vmin 0vmin 1vmin; /*oben rechts unten links*/
  }

	
a:link {
  color: blue; /*purple;*/
  font-weight: normal;
  text-decoration: none;
  }

a:active {
  background-color: yellow;			
  }
			
a:visited {
  color: blue; /*#69008c;*/
  }

a:hover	{
  color: red;
  /*-font-style: italic;
  font-weight: bold;*/
  }

figure	{
  font-family: Libre Baskerville, Baskerville, Book Antiqua, Georgia, Times, serif;
  line-height: 1.4em;
  font-style: italic;
  font-weight: normal;
  font-size: 1em;
  text-align: center;
  color: #363431;
  padding: 0.1em 0% 0.5em 0%; /*oben rechts unten links*/
  }

figcaption {
  font-family: Arial;
  line-height: 0.8em;
  font-style: italic;
  font-weight: lighter;
  font-size: 0.8em;
  text-align: center;
  color: darkgreen; /*#842269; /*#363431; #B7B1A9;*/
  padding: 0.3em 1% 0.1em 1%; /*oben rechts unten links*/
  }       

figcaption {
  font-family: Arial;
  line-height: 0.8em;
  font-style: italic;
  font-weight: lighter;
  font-size: 0.8em;
  text-align: center;
  color: darkgreen; /*#842269; /*#363431; #B7B1A9;*/
  padding: 0.3em 1% 0.1em 1%; /*oben rechts unten links*/
  }

table {
  font-family: arial, verdana, sans-serif;
  font-weight: normal;
  /*font-size: 0.9em;*/
  position: center;
  background-color: white; 
  color: black; 
  border: 1px solid #004225;
  text-align: center;
  /*margin: 1vmin 1vmin 3vmin 1vmin; /*oben rechts unten links*/
  margin: 1vmin auto 3vmin auto; /*oben rechts unten links*/
  padding: 0;
  border-collapse: collapse;
  table-layout: auto;
  width: auto;
  }

.small {
  font-family: arial, verdana, sans-serif;
  font-weight: normal;
  font-size: 1.3rem;
  position: center;
  background-color: white; 
  color: black; 
  border: 0px solid #004225;
  text-align: center;
  margin: 3vmin; /*oben rechts unten links*/
  border-collapse: collapse;
  table-layout: auto;
  width: auto;
}

.pictab {
  font-family: arial, verdana, sans-serif;
  font-weight: normal;
  font-size: 1.3rem;
  position: center;
  background-color: white; 
  color: black; 
  border: 1px solid #004225;
  text-align: center;
  margin: 0.3em 3vmin 0 3vmin; /*oben rechts unten links*/
  /*border-collapse: collapse;*/
  table-layout: auto;
  width: auto;
}

table a {
  text-decoration: none;
  }

caption	{
  font-family: Libre Baskerville, Baskerville, Book Antiqua, Georgia, Times, serif;
  background-color: navy;
  font-weight: normal;
  font-size: 1.65em;
  text-align: left;
  color: white;
  border-radius: 0.3em 0.3em 0 0;
  padding: 0.1em 1em;
  border: 1px solid #004225;
  }

/*
tbody {
  background-color: cyan; /*#FAF9F5*/ 
  /*color: black;
  text-align: center;
}*/


th {
  background-image: linear-gradient(#ffffff, #f1f1f1);
  /*background-color: purple; /*#FAF9F5*/
  font-weight: bold;
  /*color: black;*/ 
  text-align: left;
  padding: 0.1em 0.5em;
  border: 1px solid #004225;
}


tr {
  background-color: white; 
}

tr:nth-child(odd) {
  background-color: #EDEDED; 
}


td {
  /*background-color: white; /*#FAF9F5*/ 
  /*color: black;*/ 
  text-align: left;
  padding: 0.1em 0.5em;
  border: 1px solid #004225;
}


ol, ul {
  /*background-color: navy;*/
  /*color: white;*/ 
  /*border: 1px solid black; /*#606060;*/
  /*text-align: left;*/
  margin: 0.1em 1vmin 0.1em 2vmin; /*oben rechts unten links*/
  padding-left: 3em;
  padding-right: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
}
/*
ul {list-style-type: none;}
*/
    
header a {
  color: #FFFFFF;
  text-decoration: none;
} 


.flex { 
  display: flex; 
  justify-content: center; 
  align-items: center;
}