body {
  background-color: #9CA4AE;
}

.flex {
				box-sizing:border-box;
				border: 0px solid red;
				padding:0.5em;
				
				
				display:flex;
				/* overflow-x:auto; */
				flex-wrap:wrap;
				justify-content:center; /* Richtung der flex-direction */
				align-items:left;
				align-content:flex-start;
				
				gap:0.5em;
			}
			
			
		
			
			
			
header {
  background-color: #000000;
  text-align: center;
  padding: 1px;
}
h1 {
  color: #DCDCDC;
  text-align: center;
  font-size: 1em;
  } 
 
  /* Style the navigation menu */
nav {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #fff;
  padding: 20px;

  }
  

a:link, a:visited {
  background-color: #E30613;
  color: #fff;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px; 
}

a:hover, a:active {
  background-color: #A52A2A;
}
p {
  font-family: verdana;
  font-size: 12px;
  color: black;
 }
 
#a13 {position: absolute;
				left:70%;
				top: 20%;
				
				height: 10%;
				z-index: 2;}

 table {

				width:30em;

				display:table;

				border:1px solid grey;

			}

			.table > * {

				display:table-row;

			}

			.table > * > * {

				display:table-cell;

				border:1px solid grey;

				height:3em;

			}
		footer {
 position: sticky;
  background-color: #ffff;
  padding: 10px;
  text-align: center;
 			#a12 {position: absolute;
				right:1em;
				top: 10%;
				 
				height: 4em;
				z-index: 3;}	
				
		    #a11 {position: absolute;
				left:1em;
				top: 10%;
				
				height: 4em;
				z-index: 2;}
p {
  font-family: verdana;
  font-size: 15px;
  color: #9CA4AE;
 }
 #im{background-color:#fff;
  color: #9CA4AE;
  margin: 2px 2px; 
  position: absolute;
				left:80%;
				top: 70%;
	}
}