.box.sechsschritte h2 {text-align: center;}
.box.sechsschritte .row {background-color: rgba(var(--grey10)); border-radius: 20px; padding-bottom: 10px;}
.box.sechsschritte .row .cols.entries div p.titel {font-size: 20px; line-height: 32px; font-family: "Medium"; font-weight: normal; margin-bottom: 0px;}
.box.sechsschritte .row .cols.entries {display: grid; grid-template-columns: 2% 16% 16% 16% 16% 16% 16% 2%; }
.box.sechsschritte .row .cols.entries div.wrapper {display: grid; grid-template-rows: 108px 44px 1fr; opacity: 0;}
.box.sechsschritte .row .cols.entries div.wrapper div.icon {grid-row: 1; grid-column: 1; justify-self: center; background-image: url('/fileadmin/user_upload/karriere/sechsschritte/grafik_hg_picto_sechs_schritte.svg'); background-repeat: no-repeat; width: 80px;}
.box.sechsschritte .row .cols.entries div.wrapper div.icon img {width: 70px; margin: 5px 0 0 5px;}
.box.sechsschritte .row .cols.entries div.wrapper div.linie {grid-row: 2; grid-column: 1; display: grid; background-image: url('/fileadmin/user_upload/karriere/sechsschritte/grafik_sechsschritte_linie.svg'); background-repeat: no-repeat; background-position: center center; }
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(1) div.linie {background-position: left center;}
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(6) div.linie {background-position: right center;}
.box.sechsschritte .row .cols.entries div.wrapper div.linie div.nummer {grid-column: 1; grid-row: 1; background-repeat: no-repeat; background-position: center center;}
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(1) div.linie div.nummer {background-image: url('/fileadmin/user_upload/karriere/sechsschritte/grafik_sechsschritte_1.svg');}
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(2) div.linie div.nummer {background-image: url('/fileadmin/user_upload/karriere/sechsschritte/grafik_sechsschritte_2.svg');}
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(3) div.linie div.nummer {background-image: url('/fileadmin/user_upload/karriere/sechsschritte/grafik_sechsschritte_3.svg');}
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(4) div.linie div.nummer {background-image: url('/fileadmin/user_upload/karriere/sechsschritte/grafik_sechsschritte_4.svg');}
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(5) div.linie div.nummer {background-image: url('/fileadmin/user_upload/karriere/sechsschritte/grafik_sechsschritte_5.svg');}
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(6) div.linie div.nummer {background-image: url('/fileadmin/user_upload/karriere/sechsschritte/grafik_sechsschritte_6.svg');}
.box.sechsschritte .row .cols.entries div.wrapper div.text {grid-row: 3; grid-column: 1; justify-self: center; text-align: center; max-width: 80%;}
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(1) {grid-column: 2; grid-row: 1; transition: opacity 1s; }
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(2) {grid-column: 3; grid-row: 1; transition: opacity 2s; }
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(3) {grid-column: 4; grid-row: 1; transition: opacity 3s; }
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(4) {grid-column: 5; grid-row: 1; transition: opacity 4s; }
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(5) {grid-column: 6; grid-row: 1; transition: opacity 5s; }
.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(6) {grid-column: 7; grid-row: 1; background-position: right 116px; transition: opacity 6s; }
.box.sechsschritte .row .cols.entries div.wrapper.anim {opacity: 1;}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.box.sechsschritte .row .cols.entries {grid-template-columns: 2% 32% 32% 32% 2%; row-gap: 30px; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(1) {grid-column: 2; grid-row: 1; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(2) {grid-column: 3; grid-row: 1; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(3) {grid-column: 4; grid-row: 1; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(4) {grid-column: 2; grid-row: 2; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(5) {grid-column: 3; grid-row: 2; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(6) {grid-column: 4; grid-row: 2; }
}

@media only screen and (max-width: 767px) {
	.box.sechsschritte .row .cols.entries {grid-template-columns: 2% 100% 2%; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(1) {grid-column: 2; grid-row: 1; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(2) {grid-column: 2; grid-row: 2; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(3) {grid-column: 2; grid-row: 3; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(4) {grid-column: 2; grid-row: 4; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(5) {grid-column: 2; grid-row: 5; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(6) {grid-column: 2; grid-row: 6; }
	.box.sechsschritte .row .cols.entries div.wrapper {display: grid; grid-template-rows: 1fr; grid-template-columns: 85px 60px 1fr; min-height: 120px;}
	.box.sechsschritte .row .cols.entries div.wrapper div.icon {width: 100%; grid-row: 1; grid-column: 1; justify-self: center; background-image: url('/fileadmin/user_upload/karriere/sechsschritte/hg_sechs_schritte_icon_mobile.png'); 	background-repeat: no-repeat; background-position: left center; display: grid;}
	.box.sechsschritte .row .cols.entries div.wrapper div.icon img {grid-row: 1; grid-column: 1; align-self: center; justify-self: left; width: 50px; height: auto; margin: 0 0 0 7px;}
	.box.sechsschritte .row .cols.entries div.wrapper div.linie {grid-row: 1; grid-column: 2; display: grid; background-image: url('/fileadmin/user_upload/karriere/sechsschritte/sechsschritte_linie_mobile.png'); background-repeat: no-repeat; background-position: center center; }
	.box.sechsschritte .row .cols.entries div.wrapper:nth-of-type(1) div.linie {background-position: center top; }
	.box.sechsschritte .row .cols.entries div.wrapper:last-of-type div.linie {background-position: center bottom; }
	.box.sechsschritte .row .cols.entries div.wrapper div.linie div.nummer {grid-column: 1; grid-row: 1; background-image: url('/fileadmin/user_upload/karriere/sechsschritte/icon_nummer.png'); background-repeat: no-repeat; background-position: center center;}
	.box.sechsschritte .row .cols.entries div.wrapper div.text {grid-row: 1; grid-column: 3; text-align: center; max-width: 90%; text-align: left; justify-self: left; align-self: center; }
	.box.sechsschritte .row .cols.entries div.wrapper div.text h3 {margin-bottom: 0px; padding-left: 5px; padding-top: 10px; }
	.box.sechsschritte .row .cols.entries div.wrapper div.text p {margin-bottom: 0px; padding-left: 5px; padding-bottom: 10px;}
}