.butterfly {
	display: none;
	position: absolute;
	top: -100px;
	width: calc((100vw - 1320px) / 2);
	max-width: 200px;
}

.bg-white-bg-butterfly-left .butterfly,
.bg-grau-bg-butterfly-left .butterfly {
	left: 20px;
}

.bg-white-bg-butterfly-right .butterfly,
.bg-grau-bg-butterfly-right .butterfly {
	right: 20px;
	transform: rotateY(180deg);
}

.bg-white-bg-butterfly-left,
.bg-grau-bg-butterfly-left,
.bg-white-bg-butterfly-right,
.bg-grau-bg-butterfly-right {
	position: relative;
}

@media (min-width: 1400px) {
	.butterfly {
		display: block;
	}
}

body {
	font-family: "Maven Pro", sans-serif;
}

.box-lightgray {
	background: #f7f7f7;
}

.bg-white-bg-butterfly-left,
bg-white-bg-butterfly-right {
	background-color: white;
	padding: 1.2rem 0px;
}

.bg-grau-bg-butterfly-left,
bg-grau-bg-butterfly-right {
	background-color: #dcdcdc;
	padding: 1.2rem 0px;
}