/* ############################################################
	PANELS
############################################################ */

/* Panels */
.bild__panel, .middle__panel {
	position: relative;
	width: 100%;
}


/* Abstände */
.main-content {
	padding-top: 50px;
	padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
	.main-content {
		padding-top: 65px;
		padding-bottom: 120px;
	}
}
@media screen and (min-width: 1600px) {
	.main-content {
		padding-top: 80px;
		padding-bottom: 160px;
	}
}


/* ############################################################
	PANELS/BOXEN
############################################################ */

/* Kopfzeile */
/*header:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: transparent;
	border-top-color: var(--main-color-white);
	left: calc(50% - 30px);
	bottom: -30px;
}
@media screen and (min-width: 1200px) {
	header:before {
		border-width: 40px 40px 0 40px;
		left: calc(50% - 40px);
		bottom: -40px;
	}
}*/