@media (min-width: 45em) {
	/* Breite beträgt mindestens 45em */
	
body {
	display: grid;
	gap: 0.5em;
	grid-template-columns: 1fr 3fr 1fr;
	grid-template-rows: auto 1fr;
	/*
	grid-template-rows: auto 1fr 100px;
	grid-template-rows: auto 1fr 3em;
   */
	margin: 0 auto;
	max-width: 70em;
	font-family: sans-serif, verdana;	
}

header,
nav,
main,
article,
section,
aside,
footer {
	border-radius: 0px 0.5em 0.5em;
	border-radius: 0.5em 0.5em 0.5em;
	border: medium solid;
	border: thin solid;
	padding: 10px;
	padding: 1em;
}

header {
   grid-column: 1 / -1; 
}
footer {
	grid-column: 1 / -1;           /* https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/grid-column */
}

header {
	background: #F1F3F4;
	background: white;
	border-color: #d5d5d5;
	border-color: lightgray;
	display: grid;
/* grid-template-columns: repeat(auto-fill, 200px); 
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 9fr;	 
	grid-template-columns: min-content 1fr;   
   justify-content: center;
   align-items: center;     */
}

nav {
	background: #fffbf0;
	background: white;
	border-color: #e7c157;
	border-color: lightgray;
	border: none;
}

main {
   font-size: 0.9em;
	background: #ffede0;
	background: white;
	border-color: #df6c20;
	border-color: lightgray;	
}

aside {
	background: #ebf5d7;
	background: white;
	border-color: #8db243;
	border-color: lightgray;
	border: none;	
}

footer {
	background: white;
	border-color: #d5d5d5;
	border-color: lightgray;
	display: grid;
/*
   margin: 0 0 1em;
	float: right;
   clear: right;                      /* https://www.w3schools.com/cssref/pr_class_clear.php */
*/
}

.image{ 
  margin: auto;
  display: block;
}

h2 {
  text-align: center;
  color: red;
  color: #5c82d9;      /* blau */
}
h3 {
  text-align: left;
  color: #5c82d9;      /* blau */
  color: brown;
}

.normal_text {
  font-size: 0.85em;
  color: black;
  line-height: 12px;
  line-height: 1.5em;
  font-family: sans-serif, verdana, arial;
}
.em {
	color: brown;	
}
hr {
    height: 2px; border-width: 0px; color: gray; background-color: lightgray;
}

.div_impressum {
  font-size: 0.85em;
  text-align: center;
}

.div_navigation {
  text-align: center;
}
.ul_navigation {
	list-style-type: none;
   margin: 0;
   padding: 0;
}
.li_navigation {
  display: inline-block;
/*    float: left;  */
}
.a_navigation {
  font-size: 0.9em;
  padding: 8px;
  background-color: #f7f7f7;    /* hellgrau  */
  }
.a_navigation_active_page {
  background-color: #fff5e6;    /* wie a:hover  */
}
.li_navigation > a:link { text-decoration: none; color: green; }
.li_navigation > a:visited { text-decoration: none; color: #669BFF; }
.li_navigation > a:hover {  text-decoration: none; color: #669BFF; background-color: #fff5e6; }  
.li_navigation > a:active { text-decoration: none; color: #669BFF; }   /*  #ffe4b5  */


.ul_list {
    font-size: 0.9em;
    font-family: sans-serif, arial, verdana;
    margin: 8px  0px 0px 0px;
    padding-left: 15px;
    border: 0px solid blue;
}
.ul_list > li {
   font-family: arial, verdana, sans-serif;
   font-size: 0.9em;
   margin: 5px  0px 0px 0px;
   border: 0px solid blue;
	color: red;
	color: #5c82d9;      /* blau bullets */
}
.ul_list_ul {
   font-size: 1.0em;
   list-style-type: none;   
   margin: 0px  0px 0px 0px;
   border: 0px solid blue;
}
/* color: #669BFF;            blau  */
a:link { text-decoration: none; color: #669BFF; }
a:visited { text-decoration: none; color: #669BFF; }
a:hover { text-decoration: underline; color: #669BFF; }
a:active { text-decoration: underline; color: #669BFF; }

.ul_list > li > a:link { text-decoration: none; color: #669BFF; }
.ul_list > li > a:visited { text-decoration: none; color: #669BFF; }
.ul_list > li > a:hover { text-decoration: underline; color: #669BFF; }   /* color: #669BFF  -->  Color pictograms   */
.ul_list > li > a:active { text-decoration: none; color: #669BFF; }


.anchor_top {
    font-size: 0.7em;
    text-align: right;
    margin-bottom: 5px;
}
.image_top {
    border: 0px solid red;
    width: 15px;
    height: 15px;
}

summary {
	font-size: 0.8em;
	color: brown;
}

/* ######################################################################################## */

table {
	border-collapse: collapse;   /* border invisible */
	border-color: silver;
	border: thin solid;
	margin: 1em;
}

.topic_text {
	color: brown;
}

tbody th {
	text-align: left;
}

tr {
	border-top: thin solid;
	border-bottom: thin solid;
}

tr:first-child {
	border-top: 0 none;
}

th, td {
	padding: 0.5em;
	text-align: left;
	font-size: 0.75em;
	font-family: verdana, sans-serif;
	border: solid 1px silver;
   border-top: solid 1px silver;
}

thead tr {
   font-size: 1.0em;
	background-color: white;
}
.th_1 {
    width: 170px;
	 width: 15em;
}
.th_2 {
    width: auto;
}
tr:nth-child(even) {
	background-color: lightgrey;
	background-color: #F7F7F7;
}

td:last-child { 
/*
	min-width: 180px;
	text-align: right;
*/
}