.T5566 .inlay {
	position: fixed;
	width: 14vw;
	right: 0px;
	top: 20vh;
	max-height: 75vh;
	padding: 1.5vw;
	background-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) {
	.T5566 .inlay { width: 200px; padding: 20px; }
}



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

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


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

.T5566 .inlay .inner .col1 .headline { margin-bottom: 5px; }
.T5566 .inlay .inner .col2 .headline { hyphens: auto; }

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

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




.T5566 .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;
}

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

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

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

	.T5566 .inlay .inner .col1 .headline { display: none; }
	.T5566 .inlay .inner .col1 .image img { width: 100%; height: auto; }

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

	.T5566 .inlay .inner .col2 .button {
		display: inline-block;
		position: absolute;
   		right: 0px;
   		padding: 5px 15px;
	}
	.T5566 .inlay .click{
		display: none;
	}
}

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

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

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

	.T5566 .inlay .inner .col1 .headline { display: none; }
	.T5566 .inlay .inner .col1 .image img { width: 100%; height: auto; }

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

	.T5566 .inlay .inner .col2 .button {
		display: inline-block;
		position: absolute;
   		right: 0px;
   		bottom: -20px;
   		padding: 5px 15px;
	}
	.T5566 .inlay .click{
		display: none;
	}
}

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

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


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

	.T5566 .inlay .inner .col1 .headline {  display: none; }

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

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

	.T5566 .inlay .inner .col2 .button {
		display: inline-block;
		position: absolute;
   		right: 0px;
   		bottom: -20px;
   		padding: 5px 15px;
	}
	.T5566 .inlay .click{
		display: none;
	}
}