/* ----------------------------------- UNTERNEHMEN ----------------------------------- */
/* UNTERNEHMEN – GRUPPE */
.box.gruppe {overflow: hidden;}
.box.gruppe .row { padding-top: 50px; padding-bottom: 50px; overflow: visible; }
.gruppe {position: relative; box-sizing: border-box;}
.gruppe p, .gruppe h2 {margin-left: 100px; margin-right: 100px;}
.gruppe .rounded {position: relative; border: 1px solid black; box-sizing: border-box; border-radius: 30px; }
.gruppe .logo_ama {width: 300px; height: 100px; background-color: white; position: relative; left: -150px; transition: left 2s; top: -50px; border-radius: 10px; border: 1px solid rgb(var(--grey100));background-repeat: no-repeat; background-size: 80% auto; background-position: center center; }
.gruppe .logo_firmen {white-space: nowrap;}
.gruppe .logo_firmen div {width: 210px; height: 80px; margin-right: 15px;background-color: white; position: relative; white-space: nowrap; display: inline-block; transition: left 2s, filter 1s; bottom: -50px; border-radius: 10px; border: 1px solid rgb(var(--grey100)); background-repeat: no-repeat; background-size: 100% auto; background-position: center center; filter: grayscale(100%);}
.gruppe .logo_firmen div:nth-of-type(1) {left: calc(100vw - 250px); filter: none;}
.gruppe .logo_firmen div:nth-of-type(2) {left: calc(100vw - 100px); }
.gruppe .logo_firmen div:nth-of-type(3) {left: calc(100vw + 50px); }
.gruppe .logo_firmen div:nth-of-type(4) {left: calc(100vw + 200px); }
.gruppe .logo_firmen div:nth-of-type(5) {left: calc(100vw + 350px);}
.gruppe .logo_ama.anim {left: 100px;}
.gruppe .logo_firmen div.anim {left: 100px;}
.gruppe .logo_firmen div:hover {filter: none;}
.gruppe .logo_firmen div:nth-of-type(4):hover:after {background:rgba(255,255,255,0); }



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


/* DESKTOP SMALL */
 @media only screen and (min-width: 1024px) and (max-width: 1400px) {
	/* UNTERNEHMEN – GRUPPE */
	.gruppe p, .gruppe h2 {margin-left: 50px; margin-right: 50px;}
	.gruppe .logo_firmen div {width: 145px; height: 70px;}
	.gruppe .logo_ama.anim {left: 50px;}
	.gruppe .logo_firmen div.anim {left: 50px;}
}
/* TABLET */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/* UNTERNEHMEN – GRUPPE */
	.gruppe p, .gruppe h2 {margin-left: 35px; margin-right: 35px;}
	.gruppe .logo_firmen div {width: 110px; height: 60px; margin-right: 10px; bottom: -40px; }
	.gruppe .logo_ama.anim {left: 35px;}
	.gruppe .logo_firmen div.anim {left: 35px;}
	.gruppe .logo_ama {width: 240px; height: 80px;  top: -40px;}
	.gruppe .logo_firmen div {filter: none;}
	.gruppe .logo_firmen div:nth-of-type(4):after {background:rgba(255,255,255,0.0);}
}
/* MOBILE */

@media only screen and (max-width: 767px) {
	/* UNTERNEHMEN – GRUPPE */
	.gruppe p, .gruppe h2 {margin-left: 20px; margin-right: 20px;}
	.gruppe h2 {font-size: 30px;}
	.gruppe .logo_firmen div {filter: none;}
	.gruppe .logo_firmen div:nth-of-type(4):after {background:rgba(255,255,255,0.0);}
	.box.gruppe .row {padding-bottom: 25px;}
	.box.history .row {padding-top: 25px;}
	.gruppe .rounded {padding-bottom: 220px;}
.gruppe .logo_ama {width: 200px; height: 66px; left: -150px; top: -33px;}
.gruppe .logo_firmen { position: relative;}
.gruppe .logo_firmen div {width: 140px; height: 60px; margin-right: 0px; position: absolute; }
.gruppe .logo_firmen div:nth-of-type(1) {left: calc(-100vw - 200px); top: 0px; }
.gruppe .logo_firmen div:nth-of-type(2) {left: calc(100vw + 200px); top: 0px;}
.gruppe .logo_firmen div:nth-of-type(3) {left: calc(-100vw - 400px); top: 70px;}
.gruppe .logo_firmen div:nth-of-type(4) {left: calc(100vw + 200px); top: 70px;}
.gruppe .logo_firmen div:nth-of-type(5) {left: calc(-100vw - 600px); top: 140px;}

.gruppe .logo_ama.anim {left: 20px;}
.gruppe .logo_firmen div:nth-of-type(1).anim {left: calc(45vw - 142px - 10px);}
.gruppe .logo_firmen div:nth-of-type(2).anim {left: calc(45vw + 10px);}
.gruppe .logo_firmen div:nth-of-type(3).anim {left: calc(45vw - 142px - 10px);}
.gruppe .logo_firmen div:nth-of-type(4).anim {left: calc(45vw + 10px);}
.gruppe .logo_firmen div:nth-of-type(5).anim {left: calc(45vw - 71px);}


}