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

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


/* Abstände */
.abstand-middlepanel {
	padding: 55px 25px;
}
@media screen and (min-width: 768px) {
	.abstand-middlepanel {
		padding: 75px 48px;
	}
}
@media screen and (min-width: 1200px) {
	.abstand-middlepanel {
		padding: 110px 96px;
	}
}
@media screen and (min-width: 1600px) {
	.abstand-middlepanel {
		padding: 155px 140px 110px;
	}
}


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

/* Link: zur Übersicht */
@media screen and (min-width: 768px) {
	a.link-back {
		z-index: 2;
		display: inline-block;
		position: absolute;
		top: 81px;
		right: 40px;
		width: auto;
		padding-right: 38px;
		font-size: 1rem; /* 16px */
		line-height: 1.0;
	}
	a.link-back:after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 5px;
		right: 0;
		width: 30px;
		height: 8px;
		background-image: url("../../buechellaw/Images/Elemente/Icon_Arrow_Back.svg");
		background-position: center right 8px;
		background-size: 30px 8px;
		background-repeat: no-repeat;
	}
}
@media screen and (min-width: 992px) {
	a.link-back:after {
		-o-transition: background 300ms var(--cubic-bezier);
		-ms-transition: background 300ms var(--cubic-bezier);
		-moz-transition: background 300ms var(--cubic-bezier);
		-webkit-transition: background 300ms var(--cubic-bezier);
		transition: background 300ms var(--cubic-bezier);
	}
	a.link-back:hover:after {
		background-image: url("../../buechellaw/Images/Elemente/Icon_Arrow_Back_hover.svg");
		background-position: center right;
	}
}
@media screen and (min-width: 1200px) {
	a.link-back {
		top: 121px;
		right: 86px;
		padding-right: 47px;
		font-size: 1.25rem; /* 20px */
	}
	a.link-back:after {
		width: 37px;
		height: 10px;
		background-position: center right 10px;
		background-size: 37px 10px;
	}
}
@media screen and (min-width: 1600px) {
	a.link-back {
		top: 167px;
		right: 130px;
	}
}


/* ############################################################
	010 - TEXT/HTML
############################################################ */

/* Modul-Abstände */
.middle__panel .mdl-art-010 {
	width: 100%;
}
@media screen and (min-width: 992px) {
	.middle__panel .mdl-art-010 {
		padding-left: calc(((2 * var(--col-width-1)) + (2 * var(--gap))) - 48px);
		padding-right: calc(((2 * var(--col-width-1)) + (2 * var(--gap))) - 48px);
	}
}
@media screen and (min-width: 1200px) {
	.middle__panel .mdl-art-010 {
		padding-left: calc(((2 * var(--col-width-1)) + (2 * var(--gap))) - 96px);
		padding-right: calc(((2 * var(--col-width-1)) + (2 * var(--gap))) - 96px);
	}
}
@media screen and (min-width: 1600px) {
	.middle__panel .mdl-art-010 {
		padding-left: calc(((3 * var(--col-width-1)) + (3 * var(--gap))) - 140px);
		padding-right: calc(((3 * var(--col-width-1)) + (3 * var(--gap))) - 140px);
	}
}