header {
	background-color: #8E9DB4;
	color: #FFFFFD;
	padding: 10px;
	margin-bottom:2em;
}
body {
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #FFFFFD;
}
h2, h3  {
	color: #8E9DB4;
}


article section {
	border: 5px solid #8E9DB4;
	position: relative;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	border-radius:100px;
}
section h2 {
	font-size: 4em;
}

section h3 {
	position: absolute;
	transform: rotate(-90deg);
	right:-60px;
	top:30%;
}

.drehen {
	-webkit-animation-name: drehe_section;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-webkit-animation-timing-function:linear;
}

@-webkit-keyframes drehe_section {
	from {
		top: 275px;
	}
	to {
		-webkit-transform:rotate(360deg);	
	}
}

.aufundab {
	-webkit-animation-name: bewege_text;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}
 @-webkit-keyframes bewege_text {
 from {
 top: 30px;
}
to {
	top: 100px;
}
}