html {
  box-sizing: border-box;
}
*, ::before, ::after {
  box-sizing: inherit;
}


body{
/* Globale Vorgaben */
  margin: 0px auto; /* Oberer und unterer Seitenrand der ganzen Webseite */
  min-width: 16vw;
/*  Die Einheit vw entspricht dem 100. Teil der Breite des Anzeigebereichs (Viewport). Es gilt also: 100vw = Breite des Viewports. */
  max-width: 100vw;
  font-family: sans-serif;
/*  color: #333333;*/
  color: black; /*Textfarbe*/ 
}
 

 
/* Menuleiste */
nav {
/* Auswirkung auf die Breite der Menuleiste*/
  font-size: 0.91em;
  padding: 0vw;
  background: #fffbf0;
  border-color: #e7c157;
  }

nav ul {
  padding:0;<style>

html {
  box-sizing: border-box;
}
*, ::before, ::after {
  box-sizing: inherit;
}
}
nav li {
  list-style: none;
  margin: 0;
  padding: 0.5em; /* Abstand zwischen den Menupunkten*/
}
 
nav a {
/* Menu  <a link setup */
  display: block;
/* Menublock 0.2em 10px Höhe */
  padding: 0.2em 10px;
  font-weight: bold;
  text-decoration: none;
  background-color: #e7c157;
/*  color: #333; */
  color: blue;
}
 
nav ul a:hover,
nav ul a:active  {
  color: #fffbf0;
  background-color: #dfac20;;
}
 

main {
  display: block;
/*  background: #c4ced3;*/
  background: white;
/*   border-color: #8a9da8; */
border-color: white;

  min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}
 
section {
  background: #F1F3F4;
  border-color: slateblue;
}
 
article {
/* Einstellungen für das Artikelhaupfenster */
/*  background: #ffede0; */
  background: white; 
/*  border-color: #df6c20; */
  border-color: black; 

}
 
 
footer {
/* footer einstellungen */
  background: #e4ebf2;
  border-color: #8a9da8;
  padding: 2vw; /* Footer windows Seitenhoehe */
  margin:5px; /* Seitenrand */
}

footer p {
/*  footer <p> Vorgaben */
  float: left;
  margin: 0;
}
 
@media (min-width: 32em)  {	/* zweispaltiges Layout für mittlere Viewports */ 
  nav {
    float: left;
    width: 15em;
  }
  main {
	min-width: 20em;  
    margin-left: 15em;
  }	
 
  aside {
    float: right;
    width: 12em;
  }  
}
 
@media (min-width: 45em)  {	/* dreispaltiges Layout für breitere Viewports */ 
  article {
    margin-right: 1em;
  }
}