@charset "utf-8";

@keyframes rotate {
	from {
		transform: rotate(-45deg);
	}

	to {
		transform: rotate(45deg);
	}
}

/* Flexbox Container */
.flex-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #f0f0f0;
	padding: 20px;
}

/* Flexbox Items */
.flex-item {
	flex: 1;
	padding: 10px;
	background-color: #3498db;
	color: #ffffff;
	text-align: center;
}


.rotate-image {
	animation: rotate 10s linear infinite;
}

.inline-image {
	display: inline-block;
	width: 45%;
	/* Damit zwischen den Bildern Platz bleibt */
	margin-right: 5%;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.left0 {
	/* position: absolute; */
	left: 0%;
}

.left25 {
	/* position: absolute; */
	left: 25%;
}

.left50 {
	/* position: absolute; */
	left: 50%;
}

.left75 {
	/* position: absolute; */
	left: 75%;
}

.width50 {
	width: 50%;
}