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

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


/* Abstände */
.abstand-toppanel, .abstand-middlepanel, .abstand-bottompanel {
	padding-top: 45px;
	padding-bottom: 45px;
}
.abstand-bottompanel {
	padding-bottom: 90px;
}
@media screen and (min-width: 768px) {
	.abstand-toppanel, .abstand-middlepanel {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.abstand-bottompanel {
		padding-top: 100px;
	}
}
@media screen and (min-width: 1200px) {
	.abstand-toppanel {
		padding-left: calc(70px + var(--gap)); /* Abstand: 1 Spalten */
		padding-right: calc(70px + var(--gap)); /* Abstand: 1 Spalten */
	}
	.abstand-bottompanel {
		padding-left: calc(189px + var(--gap)); /* Abstand: 2 Spalten */
		padding-right: calc(70px + var(--gap)); /* Abstand: 1 Spalten */
	}
}
@media screen and (min-width: 1400px) {
	.abstand-toppanel, .abstand-middlepanel, .abstand-bottompanel {
		padding-top: 160px;
		padding-bottom: 160px;
	}
	.abstand-toppanel {
		padding-left: calc(91px + var(--gap)); /* Abstand: 1 Spalten */
		padding-right: calc(91px + var(--gap)); /* Abstand: 1 Spalten */
	}
	.abstand-bottompanel {
		padding-left: calc(232px + var(--gap)); /* Abstand: 2 Spalten */
		padding-right: calc(91px + var(--gap)); /* Abstand: 1 Spalten */
		padding-bottom: 140px;
	}
}