nav,
nav a,
main,
article,
section,
aside,
footer {
	border-radius: 0.5em;

}




body {
  margin: 0 auto;
  min-width: 16em;
  max-width: 749px;
}

 @media (min-width: 32em)  {	/* zweispaltiges Layout für breitere Viewports */ 
 
 nav {
    float: left;
    width: 11em;
	font-size: 0.91em;
	background:#fff9b0;
}
  
  
nav ul {
  padding:0;
}

nav li {
  list-style: none;
  margin: 0;
  padding: 0.5em;
}

nav a {
  display: block;
  padding: 0.2em 10px;
  font-weight: bold;
  text-decoration: none;
  background-color:#ffe6b0;
  color: #333;
}

nav ul a:hover,
nav ul a:active  {
  background-color: #ffc13a;
}


main {
	/* background: aqua; */	
	margin-left: 10em;
	padding: 10px;
	min-width: 20em;
	float: both;
}

input {
	width: 50px;	
}

aside {
	/* background: lightgreen; */
	float: right;
	width: 15em;
	
}

canvas {
	width: 100px;
	height: 200px;
	margin-left: 20px;
	/*background-color: aqua;*/
}