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

/* Panels */
.bild__panel, .middle__panel, .bottom__panel {
	position: relative;
	width: 100%;
}
@media screen and (min-width: 1200px) {
	.middle__panel {
		width: calc(100% - ((4 * var(--col)) + (4 * var(--gap))));
		margin-left: calc((2 * var(--col)) + (2 * var(--gap)));
	}
}


/* Abstände */
.abstand-middlepanel {
	padding-top: 100px;
}
.abstand-bottompanel {
	padding-top: 65px;
}
@media screen and (min-width: 768px) {
	.abstand-middlepanel {
		padding-top: 125px;
	}
	.abstand-bottompanel {
		padding-top: 90px;
	}
}
@media screen and (min-width: 1200px) {
	.abstand-middlepanel {
		padding-top: 60px;
	}
}
@media screen and (min-width: 1400px) {
	.abstand-middlepanel {
		padding-top: 70px;
	}
	.abstand-bottompanel {
		padding-top: 100px;
	}
}


/* ############################################################
	MODUL-ABSTÄNDE
############################################################ */

@media screen and (min-width: 1200px) {
	.left-1 {
		padding-left: calc((1 * var(--col)) + (1 * var(--gap)));
	}
	.right-1 {
		padding-right: calc((1 * var(--col)) + (1 * var(--gap)));
	}
	.right-4 {
		padding-right: calc((4 * var(--col)) + (4 * var(--gap)));
	}
	.left-3 {
		padding-left: calc((2 * var(--col)) + (2 * var(--gap)));
	}
	.right-2 {
		padding-right: calc((1 * var(--col)) + (1 * var(--gap)));
	}
}
@media screen and (min-width: 1400px) {
	.left-3 {
		padding-left: calc((3 * var(--col)) + (3 * var(--gap)));
	}
	.right-2 {
		padding-right: calc((2 * var(--col)) + (2 * var(--gap)));
	}
}


/* ############################################################
	MODUL: 080
############################################################ */

/* Modul-Raster */
.mdl-art-080 {
	width: 100% !important;
	margin-left: 0 !important;
}


/* ############################################################
	HYPERLINKS
############################################################ */

a.link-btn.go-back {
	z-index: 2;
	position: absolute;
	top: 45px;
	left: 20px;
}
@media screen and (min-width: 768px) {
	a.link-btn.go-back {
		top: 60px;
		left: 50px;
	}
}
@media screen and (min-width: 1400px) {
	a.link-btn.go-back {
		top: 70px;
	}
}
@media screen and (min-width: 1600px) {
	a.link-btn.go-back {
		left: 140px;
	}
}