/*stylesheet "Zuechter.css"*/

      @media all{
/*============================================================*/
         header * {   /*ist optimal!*/
	flex: 1 1 0%;
  align-self: center;
}

 #flex-container{
  display: flex;
  flex-flow: row wrap;
}	
  .flex-item {
  flex: 1 auto 0%;
 }

  #news{
  display: flex;
  flex-flow: row wrap;
}	
  article{
 border: 2px solid #eee;
        border-radius: 28px;
   background-color: #FFFFca;
   color: #808000;
      justify-content: space-between;
 padding: 1em;
 gap: 2em;
   }


 aside{
  border: 2px solid #eee;
        border-radius: 28px;
   background-color: #FFFFca;
   color: #808000;
     justify-content: space-between;
   gap: 2em;
 padding: 2em;
 }
main{padding: 2em;
}

/*=====================================================================================*/