/*stylesheet "Zucht.css"*/
      @media all{
/*===========================================================================*/
    header * {   /*ist optimal!*/
	flex: 1 1 0%;
  align-self: center;
  padding-top: 1em;
}

  #flex-container{
  display: flex;
  flex-flow: row wrap;

  }	
  .flex-item {
  flex: 1 auto 0%;
    align-self: center;
  }


 nav#navibereich{
 grid-row:    2;    /*  Die vertikale Positionierung beginnt in der 2. Zeile und ist eine Zeile hoch.*/
    text-align: center;
	 grid-row: 1 / span 3;
	 margin-left: auto;
	 margin-right: auto;
	}
	
  aside {
       border-radius: 28px;
border: 1px solid #808000;
margin-top: 5em;
margin-left: 1em;
margin-right: 2em;
padding: 2em 5em 2em 5em;
}

section, article {

 text-align: center;
   }
   section{
     border-radius: 28px;
border: 1px solid #808000;
margin-top: 5em;
margin-right: 1em;
margin-left: 1em;
   }

 p {
	text-align: center;
}

.flex-container {
  display: flex;
  	flex-direction: column;
  width: 20em;
  gap: 1em;
  margin-left: 5em;
}
/* große Viewports */

@media all and (min-width: 30em) {
	.flex-container {
		flex-direction: row;
	}
}

.flex-item {
  flex: auto;
}
.abs{
margin-top: 1em;
text-indent: -40px;
}
/*=====================================================================================*/
     }/* stehen lassen Ende Media*/