body , html{
   height: 100%;
}

body{
   background-image: url("SchlossMerseburg.png");
   background-color:rgb(255, 255, 255);
   height: 100%;
   background-position: center;
   background-attachment: fixed; /* Hintergrund fixiert */
   background-size: cover;
}

#wrapper{
   width:90%;
   margin: 0px auto;
   background-color: rgba(180, 217, 252, 0.5);
   margin-top: 20px;
   padding: 20px;
   margin: 5px auto;
	max-width: 70em;
	font-family: sans-serif;
	color: #333333;
   display:fex;
   flex-direction: column;
   justify-content: flex-start;
   column-gap: 20px;
   flex-wrap:wrap;
}


#haeder{
   border-radius: 0px 0.5em 0.5em;
	border: 0px solid;
	padding: 5px;
	margin: 5px;
   color: #080808;
}

#flex-container{
   display: flex;
   border-radius: 0.5em 0.5em 0.5em;
	border: 2px solid;
   color: rgb(57, 65, 92);
   width: 100%;
   justify-content: center;
   align-items: center;
   flex-direction: row;  /*Standardwert */

}

figure {
   padding-top: 20 px;
   padding-bottom:20 px;
}

h2{
   font-size: 34px;
   color: rgb(48, 47, 47);
   background-color:rgba(111, 208, 247, 0.5);
   margin-top: 20px;
   text-align: center;
}


#main {
   border-radius: 0.5em 0.5em 0.5em;
	border: 2px solid;
   color: rgba(99, 83, 83, 0.548);
	padding: 5px;
	margin: 5px;
   font-size: 1em;
   margin-top: 10px;  
   display: flex;
   justify-content:center;
   align-items: center;
   flex-direction: column;
}

#main2 {
   border-radius: 0.5em 0.5em 0.5em;
	border: 2px solid;
   color: brown;
	padding: 5px;
	margin: 5px;
   font-size: 1em;
   margin-top: 10px;  
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content:space-between;
   align-items: center;
}

h3{
   margin-top: 5px;
   margin-bottom: 0px;
   color:brown;
   background-color:rgba(127, 140, 219, 0.281);
}

#flexMitte{
   justify-content:center;
   align-items: center;
   padding: 10px;
}


#nav {
   width: 80%;
   border-radius: 0.5em 0.5em 0.5em;
	border: 2px solid;
	padding: 5px;
	margin: 5px;
   color: brown;
   font-size: 1em;  
   display: flex;
   justify-content:center;
   align-items: center;  /* Anordnung der Kinder 
                            auf der Nebenachse ändern */
   /* flex-direction: column;
}

 a{
   color:darkblue;  
   background:rgba(173, 255, 47, 0.5);
   display: inline-block;
   font-size: 14px;
   font-weight: bold;
   padding: 5px;
   margin-top: 5px; 
   margin-right: 5px; 
}
a:hover {
   color:rgb(211,70,94);
}


#aside{
   width: 80%;
   float: right;
   border-radius: 0.5em 0.5em 0.5em;
	border: 2px solid;
   color: brown;
	padding: 15px;
	margin: 5px;
   font-size: 1em;
}

#footer{
   float: center;
   border-radius: 0.5em 0.5em 0.5em;
	border: 2px solid;
   color: brown;
	padding: 15px;
	margin: 5px;
   font-size: 1em;
}

p{
   font-size: 15px;
   font-weight:bolder;
   color: brown;
   background-color:rgba(173, 255, 47, 0.5);
   margin-top: 0em;
}


@media (min-width: 40em) */
 /* 1em = 16px */
/*
   {
      #main2 {
         flex-direction: row; 
      }
      
      #nav{
         width: 30%;
      }

      #aside{
         width: 40%;
         float: right;
	      padding: 5px;
	      margin: 5px;
         font-size: 0.8em;
     }

     
   }
@media (max-width: 40em) */ /* 1em = 16px */
/*
   {
      #flexMitte
         {display: none;}
   }
   */