body {
display: grid;
/*gap: 0.1em;*/
}
/* 3-spaltiges Layout für breitere Viewports */
@media (min-width: 45em) {
body {
grid-template-columns: .75fr 3fr .5fr;
grid-column: 1 / -1;
grid-template-rows: auto 1fr min-content;
}
}
main,
article,
section,
aside,
footer {
padding: 1em;
}
aside {
padding: 0.1em;
}
header {
padding: 0em;
}
nav {
padding: 0.2em;
}
footer {
grid-column: 1 / -1;
}
header {
background: #37860F;   /* Manuela-Grün */
display: grid;
grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
grid-column: 1 / -1;
}
header.sub {
background: #37860F;   /* Manuela-Grün */
display: grid;
grid-template-columns: repeat(1, 1fr);
}
nav {
background: #37860F;
color: black;
font-size: small;
line-height: 1.5em;}
main {
background: #fffffa;
}
aside {
background: #ebf5d7;
}
footer {
background: #fff;
}
footer * {
float: right;
clear: right;
margin: 0 0 0;
}
body {
margin: 0 auto;
max-width: 60em;
font-family: sans-serif;
}
p.einger {
font-size: medium;
margin: .2em .2em .5em .2em;
}
img.links {
	float: left;
	margin-right: 2em;
	margin-left: 1.5em;
    width: 12em;
}
h2 {
margin: .4em .2em .5em .8em;
}
li.nav {
margin: .1em .2em .5em 0em;
}
div.table {
display: table;
border-collapse: collapse;
}
div.tr {
display: table-row;
}
div.td {
display: table-cell;
border:none; 
padding: .5em; 
width: 15.5em;
display: block;
text-align: center;
align-content: center;
background: #37860F linear-gradient(#37860F, #ebf5d7);
}
div.tdnav {
display: table-cell;
border:none; 
padding: .6em; 
width: 11em;
display: block;
text-align: center;
background: #37860F linear-gradient(#37860F, #bbc5a7);
}
a {
     display: inline-block;
/*     padding-right:          20px;*/
     padding-right:          .1em;
     text-decoration:        none;
     border-bottom:          1px solid #0000ee;
     color:                  white;
     background-repeat:      no-repeat;
     background-position:    right 0px;
/*     background: #37860F linear-gradient(#ebf5d7, #37860F);*/
     background: conic-gradient(at 0% 65%, #47961F 22%, yellow 40%, #ebf5d7 50%);
     background-size: cover;
  }   
a:visited{
     border-bottom:          1px solid #800080;
     color:                  yellow;
     background-position:    right -19px;
  }   
a:active, a:focus, a:hover{
     border-bottom:          1px solid #edb713;
     color:                  #edb713;
     background-position:    right -38px;
  }   
a.extern {
	background-image:       url(bilder/header/link_grafisch.gif);
  }
a.impress {
font-size: small;
color: white;
}
button {
  width: 11em;
/*  font-size: 125%;
  line-height: 1.5; */
  padding: .4em .8em; 
  background: #37860F linear-gradient(#37860F, #ebf5d7); 
  border: thin solid #ebf5d7;
  border-radius: .4em; 
  box-shadow: 0 .2em .4em gray; 
  color: white;
}
div {
padding: 0em;
}
div.nav {
background: #37860F;   /* Manuela-Grün */
display: grid;
grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
grid-area: content;
/*grid-column: 1 / -1;*/
}
div.sub {
background: #37860F;   /* Manuela-Grün */
display: grid;
grid-template-columns: repeat(1, 1fr);
}