.T4244 .inlay {
	position: fixed;
	width: 14vw;
	right: 0px;
	top: 20vh;
	max-height: 75vh;
	padding: 1.5vw;
	background-color: var(--bg_color,#fff) !important;
	z-index: 998;
	overflow: auto;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

@media all and (min-width: 1400px) {
	.T4244 .inlay { width: 200px; padding: 20px; }
}



.T4244 .inlay.leftside { left: 0px; right: unset; }

.T4244 .inlay.closed { display: none;  }

.T4244 .inlay .inner .col1 .image { margin-bottom: 15px; }
.T4244 .inlay .inner .col1 .image img { width: 11vw; max-width: 150px; height: auto; }

.T4244 .inlay .inner .col2 .headline { hyphens: auto; }
.T4244 .inlay .inner .col2 .text { color: var(--font_color); }

.T4244 .inlay .inner .col2 .button {
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
	padding: 0px;
}

.T4244 .inlay .inner .col2 .button a {
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: 5px 6px;
}




.T4244 .inlay .click {
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-family: Arial;
	font-size: 20px;
	cursor: pointer;
	text-align: center;
}

.T4244 .inlay.leftside .click { left: unset; right: 0px; }
@media all and (min-width: 1024px) and (max-width: 5000px) {
	.T4244 { margin: 0px !important; }
}

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

	.T4244 .inlay {
		position: static;
		width: 100% !important;
		margin: 30px auto;
		padding: 20px;
	}
	.T4244 .inlay .inner .col1 { float: left; width: 35%; padding-right: 5%; }
	.T4244 .inlay .inner .col2 { float: left; width: 60%; position: relative; }

	.T4244 .inlay .inner .col1 .image img { width: 100%; height: auto; }

	.T4244 .inlay .inner .col2 .headline { font-size: 35px !important; padding-top: 0px; }
	.T4244 .inlay .inner .col2 .text { font-size: 13px !important; padding-bottom: 0px; margin-bottom: 15px; }

	.T4244 .inlay .inner .col2 .button {
		display: inline-block;
		float: right;
   		padding: 5px 15px;
	}
	.T4244 .inlay .click{
		display: none;
	}
}

@media all and (min-width: 568px) and (max-width: 767px) {

	.T4244 .inlay {
		position: static;
		width: 100% !important;
		margin: 20px auto;
		padding: 20px;
	}

	.T4244 .inlay .inner .col1 { float: left; width: 35%; padding-right: 5%; }
	.T4244 .inlay .inner .col2 { float: left; width: 60%; position: relative; }

	.T4244 .inlay .inner .col1 .image img { width: 100%; height: auto; }

	.T4244 .inlay .inner .col2 .headline { padding-top: 0px; }
	.T4244 .inlay .inner .col2 .text { margin-bottom: 15px; }

	.T4244 .inlay .inner .col2 .button {
		display: inline-block;
		float: right;
   		padding: 5px 15px;
	}
	.T4244 .inlay .click{
		display: none;
	}
}

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

	.T4244 .inlay {
		position: static;
		width: 100% !important;
		margin: 30px auto;
		padding: 20px;
	}


	.T4244 .inlay .inner .col1 {  float: left; width: 35%; padding-right: 5%; }
	.T4244 .inlay .inner .col2 { float: left; width: 60%; position: relative; }

	.T4244 .inlay .inner .col1 .image img { width: 100%; height: auto; }

	.T4244 .inlay .inner .col2 .headline { padding-top: 0px; }
	.T4244 .inlay .inner .col2 .text { margin-bottom: 15px; }

	.T4244 .inlay .inner .col2 .button {
		display: inline-block;
		float: right;
   		padding: 5px 15px;
	}
	.T4244 .inlay .click{
		display: none;
	}
}.T4244.S7481 .inlay {
	z-index: 4;
	background-color: rgba(0,0,0,0) !important;
	box-shadow: none;
}

.T4244.S7481 .inlay .inner { margin: 0; width: 100%; }.T4244.S7486 .inlay { width: 22vw; }

@media all and (min-width: 1400px) {
	.T4244.S7486 .inlay { width: 300px; }
}



.T4244.S7486 .inlay .inner .col1 .image img { width: 100%; height: auto; max-width: 300px; }

@media all and (min-width: 1024px) and (max-width: 1279px) {

}

@media all and (min-width: 768px) and (max-width:1023px) {
	.T4244.S7486 .inlay .inner .col1 { width: 40%;}
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T4244.S7486 .inlay .inner .col1 { width: 40%;}
}

@media all and (max-width: 567px) {
	.T4244.S7486 .inlay .inner .col1 { width: 40%;}
}