body					{	background-color: #FAD9A7;}

nav 					{	position: fixed; top: 0px; margin-top: 0px;
							background-color: #1F661F;
							color: #0CF5D8;
						}
nav a					{	margin: 6px 10px 6px 10px;}
nav a:hover			{	color: white; border: 1px solid white;}
nav li				{	list-style: none;}
nav details			{	margin: 6px 10px 6px 10px;}
nav details li		{	background-color: #1F661F;}
nav summary			{	text-decoration: underline;}
nav summary:hover	{	color: white; border: 1px solid white;}
nav a					{	padding: 10px 10px 6px 10px;
							color: #0CF5D8;}
figure				{	display: inline-block;}
	
/* ----------- Handy u co -----------------*/
@media screen and (max-width: 799px)
	{
		body						{	font-size: 1.1em;}	
		nav#pc					{	display: none;}	
		nav#handy				{	display: flex; justify-content: flex-start; flex-wrap: wrap;
										height: 40px;
										background-color: #1F661F;}
		nav#handy details		{	background-color: #1F661F;}
		nav#handy details ul {	column-count: 2; 
										padding-left: 0px;
										}																
		nav#handy details li	{	background-color: #1F661F;
										padding: 0px 0px 4px 8px;}
		nav#handy [open] summary
								 	{	list-style-type: "✖";}
		div#navplatz			{	height: 30px;}

		img.baumwissen			{	width: 360px; height: 520px;}
		img.baumwissenquer	{	width: 360px; height: 320px;}
		img#baumstamm			{	width: 360px; height: 220px;}
	}
/* ----------- PC u co -----------------*/
@media screen and (min-width: 800px)
	{
		body						{	font-size: 1.4em;}
		nav#pc					{	display: block;}	
		nav#handy				{	display: none;}
		nav#pc					{	display: flex; justify-content: space-between; flex-wrap: wrap;
										height: 60px;}
		nav#pc details			{	width: 240px;}	
		nav#pc summary			{	padding: 10px;}	
		nav#pc [open] summary
								 	{	list-style-type: "✖";}							
		div#navplatz			{	height: 60px;}

		img.baumwissen			{	width: 450px; height: 600px;}
		img.baumwissenquer	{	width: 600px; height: 450px;}
		img#baumstamm			{	width: 853px; height: 455px;}
	}
	
							
div.artikel		{	border: 1px solid white; border-radius: 12px;}
footer			{	position: sticky; bottom: 0px; margin-bottom: 0px;
						height: 60px;
						background-color: #FAD9A7;}