* {
	margin: 5px;

}

body {
   min-height: 96vh;
   background: #fffffb;
   font-family: sans-serif;
}



	body {
	   justify-content: center;  
		display: grid;
				grid:   "kopf"  min-content
				        "navi " min-content
				        "haupt" 
				        "foot" min-content
	
}
@media (max-width: 25em) {
main {
	max-width: 22em;
}
}

@media (max-width: 35em) {
main {
	max-width: 33em;
}
h1 {	font-size: 1.5em;
}

}


@media (min-width: 50em) {
main {
	max-width: 49em;
}
}
main {
 		grid-area: haupt;
 		display: inline-grid;
      overflow: auto visible;
      margin-inline: auto;
}
}

header {
	grid-area: kopf;
	
}

nav {
	grid-area: navi;
	text-align: center;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: #f0f0f0;
}

footer {
	grid-area: foot;
  	background: #f0f0f0;

}

header, footer, nav, .lang {
	grid-column: 1 / -1;
	
}


section {
	border-radius: .5em;
	padding: 5px;
}

header, footer, section, nav, aside, article  {
	padding: 5px;
	
}

/*
main   {
	background: #DCDCDC;
	border-radius: .5em;
	border: 5px outset #BFBFBF;
	padding: 5px;
}
*/

details {
	padding-left: 8px;
	padding-top: 5px;
	border-radius: .5em;
	border: 5px outset #BFBFBF;
	padding: 5px;	
	
}

summary {
	color: darkblue;
	font-size: 1.2em;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	color: darkblue;
	text-align: center;
	
}



pre {
   font-family: monospace;
	background: #eeffee;
	font-size: 1.5em; 
	line-height: 140%;
	overflow: auto visible;
}



dt {
   font-weight: bold;
 /*  font-variant: small-caps; */
}

dd {
   font-style: italic;
   padding-left: .5em;
}


figure {
 	justify-items: center;
 	text-align: center;
 	background: white;
}

figure figcaption {
   font-family: serif;
   font-size: .8em;
   line-height: 100%;
}


img {
  width: 100%;
  max-width: 800px; 
  height: auto;
  text-align: center;
  }


/* 
id="einzigartig"  =  #einzigartig    
class="wichtig"   =  .wichtig
*/

.taste {
	border-color: red;
	border-radius: .5em;
	border: 3px outset #BFBFBF;
	padding: .2em .6em;
	background: #fefefe;
	margin: .5em;
	line-height: 2em;
	font-weight: bold;
	
}

/* Tabellen, so Sie denn sein müssen */


table, th, td {
  border: thin solid black;
  border-collapse: separate;
  table-layout: auto;
  max-width: 100%;
  border-spacing: 0.2em;
}


th, td {
  font-weight: normal;
  text-align: left;
  padding: .2em;
}
th, caption {
  background-color: #fefefe;
  font-weight: 700;
}