/* ----------------------------------- UNTERNEHMEN ----------------------------------- */
/* UNTERNEHMEN – BEREICHE */
.box.bereiche_2 .bereiche_wrapper {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.box.bereiche_2 table {height: 100%;}
.box.bereiche_2 table tr td:nth-child(1) {--index: 5; width: calc(var(--colWidth) * var(--index) + var(--colSpace) * (var(--index) - 1));}
.box.bereiche_2 table tr td p {margin-bottom: 0px;}
.box.bereiche_2 table tr:nth-child(1) td {height: 260px; background-repeat: no-repeat; background-size: 100% auto; background-position: center; transition: background-size 1s; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.box.bereiche_2 table tr:nth-child(1) td:hover {background-size: 105%;}
.box.bereiche_2 table tr:nth-child(2) td, .box.bereiche_2 table tr:nth-child(3), .box.bereiche_2 table tr:nth-child(4) {background-color: rgba(var(--pColor));}
.box.bereiche_2 table tr:nth-child(2) td {font-family: "Medium"; font-weight: normal; font-size: 30px; padding: 50px var(--BoxTextPadding) 0px var(--BoxTextPadding);  }
.box.bereiche_2 table tr:nth-child(3) td {padding: var(--BoxTextPaddingHalf) var(--BoxTextPadding) var(--BoxTextPaddingHalf) var(--BoxTextPadding);  }
.box.bereiche_2 table tr:nth-child(4) td {padding: var(--BoxTextPaddingHalf) var(--BoxTextPadding) var(--BoxTextPaddingHalf) var(--BoxTextPadding); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; vertical-align: bottom;}
.box.bereiche_2 table tr:nth-child(1) td:before { position: absolute; transform: translate(var(--BoxTextPadding),calc(265px - 30px));filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4)); background-size: contain; width: 50px; height: 50px; line-height: 0;}


@media only screen and (max-width: 1500px) {
}


/* DESKTOP SMALL */
 @media only screen and (min-width: 1024px) and (max-width: 1400px) {
	 /* 2x BOX BEREICHE */
 	.box.bereiche_2 table tr:nth-child(1) td {height: 226px;}
    .box.bereiche_2 table tr td:nth-child(1) { --index: 6;}
	.box.bereiche_2 table tr:nth-child(1) td:before {transform: translate(var(--BoxTextPadding), calc(235px - 50%)); }
}

/* TABLET */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

	/* 2x BOX BEREICHE */
	.box.bereiche_2 table tr:nth-child(1) td {height: 165px;}
    .box.bereiche_2 table tr td:nth-child(1), .box.bereiche_2 table tr td:nth-child(3) { --index: 6;}
    .box.bereiche_2 table tr:nth-child(1) td:before {transform: translate(var(--BoxTextPadding), calc(170px - 50%)); }
}
/* MOBILE */

@media only screen and (max-width: 767px) {

/* UNTERNEHMEN – BEREICHE */
.box.bereiche_2 .bereiche_wrapper {display: grid; grid-template-columns: unset; grid-auto-columns: 1fr; justify-content: center;}
.box.bereiche_2 table tr:nth-child(1) td {height: calc(0.5 * 90vw);}
.box.bereiche_2 table tr:nth-child(1) td:before { transform: translate(var(--BoxTextPadding),calc(0.5 * 90vw - 50%)); }
}