.T4158 .wrapper {
	position: relative;
}

.T4158 picture img {
	width: 100%;
	height: auto;
	aspect-ratio:  567 / 397;
	object-fit: cover;
}


.T4158 .box {
	position: relative;
	padding: 20px 20px 50px 20px;
	color: #fff;
	z-index: 10;
}

.T4158 .box  h3 { margin-top: 0px; }

.T4158 .buttons {
	position: absolute;
	bottom: 20px;
	right: 20px;
	left: 20px;
	text-align: right;
}

.T4158 .buttons .button {
	display: inline-block; 
	/*background-color: #fff;
	color: #000;*/
	padding: 5px 14px;	
	text-decoration: none;
	opacity: 0.9;
	margin: 0px 0px 8px 15px;
}

.T4158 .button:hover {
	opacity: 1;
}

.T4158 .Bild { margin-bottom: 1rem; }


.T4158 .text a { color: #8c8c8c !important; }


.T4158 .mask { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 1; }
.T4158 .mask2 { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: -1; }
.T4158 .box h3, .T4158 .box .text, .T4158 .box .buttons { z-index: 2; }


@media (min-width: 567px) {
}

@media (min-width: 768px) {
	.T4158 picture img { aspect-ratio: 1024 / 512; }
}

@media (min-width: 1024px) {
	.T4158 picture img { aspect-ratio: 1280 / 400; }
}

@media (min-width: 1280px) {
}




@media all and (max-width: 750px)  {
	.T4158 .box  h3 { font-size: 24px; line-height: 1.2; }
	.T4158 .box  .text { font-size: 14px; line-height: 1.3; }

}


@media all and (max-width: 1000px) {

	.T4158 .box {
		margin: -7vw 20px 0px 20px;
	}

}



@media all and (min-width: 1000px) {

	.T4158 .maxwidth2 {
		position: relative;
		max-width: 1800px;
		margin: 0px auto;
	}


	.T4158 .inner {
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		top: 0px;
		max-width: 1240px;
		margin: 0px auto;
	}

	.T4158 .box {
		position: absolute;
		top: 30px;
		left: 0px;
		width: 400px;
		bottom: 30px;
		padding: 25px 30px;
		color: #fff;
		overflow: hidden;
	}




}


@media all and (min-width: 1000px) and (max-width: 1280px) {

	.T4158 .inner { 
		max-width: 980px;
	}

	.T4158 .box {
		top: 0px !important;
		bottom: 0px !important;
	}

}



@media all and (min-width: 1000px) and (max-width: 1200px) {
	.T4158 .box  h3 { font-size: 24px; line-height: 1.2; }
	.T4158 .box .text { font-size: 14px; line-height: 1.3; }
}

@media all and (min-width: 1200px) and (max-width: 1470px) {
	.T4158 .box  h3 { font-size: 26px; line-height: 1.2; }
	.T4158 .box .text { font-size: 15px; line-height: 1.3; }


}

@media all and (min-width: 1470px) and (max-width: 1700px) {
	.T4158 .box  h3 { font-size: 29px; line-height: 1.2; }
	.T4158 .box  .text { font-size: 16px; line-height: 1.3; }

}

@media all and (min-width: 1700px)  {
	.T4158 .box  h3 { font-size: 32px; line-height: 1.2; }
	.T4158 .box  .text { font-size: 17px; line-height: 1.3; }

}


@media all and (min-width: 900px) {
	.T4158.S6596 .box {
		top: 0px;
		bottom: 60px;
	}
}@media all and (min-width: 900px) {
	.T4158.S6598  .box {
		top: 60px;
		bottom: 0px;
	}
}@media all and (min-width: 900px) {
	.T4158.S6597  .box {
		right: 0px;
		left: auto;
	}
}.T4158.S7195 .mask {
	background-color: #111;
	opacity: 0.4;
}.T4158.S7204 .mask2 {
	background-color: #111;
	opacity: 0.1;
}@media all and (min-width: 900px) {
	.T4158.S7543  .box {
		top: 0px;
		bottom: 0px;
	}
}.T4158.S7576 .line-pattern::before{
	content: "";
	background-image: url('https://tramino.s3.amazonaws.com/s/root/1014023/line-pattern.png');
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	opacity: 0.8;	
	pointer-events: none;
	z-index: 10;
}