.header_rechtecke {line-height: 0px; overflow: hidden; position: relative; box-sizing: border-box; margin-top: 100px; margin-bottom: 50px; }
.header_rechtecke img, .header_rechtecke div {border-radius: 20px; }
.header_rechtecke img {width: 100%; height: auto; }
.header_rechtecke .row1 {margin-left: auto; margin-right: auto; max-width: 1500px; white-space: nowrap; font-size: 0px; display: grid; grid-template-columns: 48.666666% 31.06666%; gap: 1%; justify-content:center; grid-template-rows: 365px; overflow: hidden;}
.header_rechtecke .row1 div:nth-of-type(1)  {grid-row: 1; grid-column: 1; justify-self: right; align-self: start; text-align: right; overflow: hidden; height: 100%;}
.header_rechtecke .row1 div:nth-of-type(2)  {position: relative; z-index: 1; filter: grayscale(100%); transition: 1s; grid-row: 1; grid-column: 2; justify-self: left; align-self: end; align-content: end; text-align: left;}
.header_rechtecke .row1 div:nth-of-type(3) {display: none;}
.header_rechtecke .row1 div:nth-of-type(2):hover {filter:none;}
.header_rechtecke .row1 div.sprechblase {grid-row: 1; grid-column: 1; border-radius: 0; width: 24%; height: auto; margin: 4% 0 0 4%;}
.header_rechtecke .row1 div.sprechblase img { border-radius: 0;}
.header_rechtecke .row2 {margin-top: 15px; margin-left: auto; margin-right: auto; white-space: nowrap; max-width: 1500px; font-size: 0px; display: grid; grid-template-columns: 25% 43% 28%; justify-content:center;}
.header_rechtecke .row2 img:nth-of-type(1) { filter: grayscale(100%); transition: 1s; justify-self: right; align-self: start; grid-row: 1; grid-column: 1; }
.header_rechtecke .row2 img:nth-of-type(1):hover {filter:none;}
.header_rechtecke .headline_header { width: calc(100% - 10px); height: 265px; grid-row: 1; grid-column: 2; justify-self: right; align-self: start;}
.header_rechtecke .headline_header h1 { font-size: 45px; line-height: 120%; white-space: break-spaces; padding: 40px 40px 40px 40px; font-family: "Medium"; font-weight: normal; font-weight: normal;}
.header_rechtecke .rechteck {grid-row: 1; grid-column: 3; width: calc(100% - 10px); height: 215px; justify-self: right; align-self: start;}

@media only screen and (max-width: 1500px) {
	.header_rechtecke .headline_header h1 { font-size: calc(45 * (100vw / 1500)); padding: calc(40 * (100vw / 1500));}
	.header_rechtecke .headline_header { height: calc(265 * (100vw / 1500));}
	.header_rechtecke .rechteck {height: calc(215* (100vw / 1500));}
    .header_rechtecke img, .header_rechtecke div {border-radius: calc(20 * (100vw / 1500));}
	.header_rechtecke .row1 {grid-template-rows: calc(100vw / 1500 * 365); }
    .header_rechtecke .row2 {margin-top: calc(15 * (100vw / 1500));}
}

@media only screen and (max-width: 767px) {
	.header_rechtecke {margin-bottom: calc(90vw * -50 / 355 + 30px);}
	.header_rechtecke img {width: auto;}
	.header_rechtecke .row1 {grid-template-columns: 5vw 90vw 5vw; grid-template-rows: calc(90vw * 0.61); overflow: hidden; gap: 0;}
	.header_rechtecke .row1 div:nth-of-type(1) {grid-row: 1; grid-column: 2; justify-self: center; align-self: start;  z-index: 5; animation: fadeInOutOne 15s infinite; height: 100%; width: 100%; overflow: hidden; display: grid;
	justify-content: center; grid-template-rows: 100%;}
	.header_rechtecke .row1 div:nth-of-type(1) img, .header_rechtecke .row1 div:nth-of-type(2) img, .header_rechtecke .row1 div:nth-of-type(3) img {max-width: unset; height: 100%;}
	.header_rechtecke .row1 div:nth-of-type(2) {grid-row: 1; grid-column: 2; justify-self: center; align-self: start;  z-index: 4; animation: fadeInOutTwo 15s infinite; animation-delay: 5s; filter: none; height: 100%; width: 100%; overflow: hidden;}
	.header_rechtecke .row1 div:nth-of-type(3) {display: block; grid-row: 1; grid-column: 2; justify-self: center; align-self: start;  z-index: 3; height: 100%; width: 100%; overflow: hidden;}
	.header_rechtecke .row2 {grid-template-columns: calc(5vw + 20px) fit-content(70vw) 1fr; transform: translate(0, calc(90vw * -50 / 355)); grid-template-rows: 1fr; z-index: 20; position: relative; }
	.header_rechtecke .row2 img:nth-of-type(1) {display: none;}
	.header_rechtecke .row2 img:nth-of-type(2) {display: none;}
	.header_rechtecke .row2 .rechteck.bg_grey10 {display: none;}
	.header_rechtecke .headline_header { width:100%; justify-self: center; height: auto;  padding: 20px; box-sizing: border-box;}
	.header_rechtecke .headline_header h1 { font-size: calc(80 * (100vw / 1500)); padding: 0px; margin: 0px;}
	.header_rechtecke .row1 div.sprechblase {z-index: 20; grid-column: 2; animation: fadeInOutOne 15s infinite;}
	
	@keyframes fadeInOutOne {
		0% { opacity: 1; }
		20% { opacity: 1; }
		40% {opacity: 0;}
		80%  {opacity: 0;}
		100% {opacity: 1;}
	}
	
	@keyframes fadeInOutTwo {
		0% { opacity: 1; }
		20% { opacity: 1; }
		40% {opacity: 0;}
		80%  {opacity: 0;}
		100% {opacity: 1;}
	}	
}