body{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	font-family: 'Verdana'; 	
}



div#kugel{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 25%;
	height: 90vh;
	margin: 3 vh;
	background-color:  #f7f9f9 ;
}
div#kugelform{
	border-radius: 50%;
	background-color: blue;
	width: 300px;
	height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

div#anweisung{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 25%;
	height: 90vh;
	margin: 3 vh;
	background-color:  #f7f9f9 ;
}
div#anweisung h2,ul{
	margin:10px;
}

div#tabelle{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 25%;
	height: 90vh;
	margin: 3 vh;
	background-color:  #f7f9f9 ;
}

div#tabellenGrid{
		margin: 5px;
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		grid-template-rows: repeat(20, 40px);
}

div#tabellenGrid img {
	
	
}

img#toPut{
	height:100px;
	width:100px;
	animation: einblenden 2s;
}

.iV{
	display:none;
}

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}