/* Grid (60px Padding insgesamt aus lis) */
.ccontainer {
	width:100%;
	box-sizing:content-box
}
#mesalist {
	width: 100%;
}
ul.data .thumb {
	width: 90%;
	padding-bottom:0
}
ul.data .details h2 {
	margin:2px 0;
	line-height:1.2em;
	font-size:inherit
}
ul.data .details h2 a {
	font-weight:bold;
    color: var(--accent-blue);
}
ul.data .thumb img{
	max-width: 100%;
	height:auto
}
ul.data li.details {
	width: 90%;
	clear:left;
	padding-bottom:0;
	padding-left:0;
	line-height:1.2em
}
ul.data li.price {
	width: 45%;
	clear:left;
	text-align:left;
	padding-top:0;
	padding-left:0;
	padding-bottom:15px;
}
ul.data li.detailLink {
	width: 45%;
	text-align:left;
	padding-top:0;
	padding-left:0;
	padding-bottom:15px;
}

@media (min-width:480px) {
	.ccontainer {
		width:98%
	}
	#mesalist {
		width: 98%;
	}
	ul.data .thumb {
		width: 120px;
		padding-bottom:0
	}
	ul.data .thumb img{
		width: 120px;
	}
	ul.data li.details {
		width: 70%;
		clear:none;
		padding-bottom:0;
		padding-left:10px;
	}
	ul.data li.price {
		width: 120px;
		padding-bottom:10px;
	}
	ul.data li.detailLink {
		width: 70px;
		padding-left:10px;
		padding-bottom:10px;
	}
}

@media (min-width:768px) {
	.ccontainer {
		width:750px
	}
	#mesalist {
		width: 569px;
	}
	ul.data .thumb {
		width: 150px;
		padding-bottom:10px
	}
	ul.data li.details {
		width: 330px;
		padding-bottom:10px
	}
	ul.data li.price {
		width: 130px;
		padding-left:10px;
		padding-top:10px;
		clear:none;
		text-align:right;
	}
	ul.data li.detailLink {
		width: 70px;
		padding-left:10px;
		padding-top:10px;
		clear:none;
		text-align:right;
	}
}

@media (min-width:992px) {
	.ccontainer {
		width:970px
	}
	ul.data .thumb {
		width: 150px;
	}
	ul.data .thumb img{
		width: 150px;
	}
	ul.data li.details {
		width: 440px;
	}
	ul.data li.price {
		width: 200px;
	}
	ul.data li.detailLink {
		width: 120px;
	}
}

@media (min-width:1200px) {
	.ccontainer {
		width:1170px
	}
	ul.data .thumb {
		width: 150px;
	}
	ul.data li.details {
		width: 600px;
	}
	ul.data li.price {
		width: 230px;
	}
	ul.data li.detailLink {
		width: 220px;
	}
}

/* Grid Detail */
.container {
	max-width: 100%;
	margin-top: 0;
}
.container .left {
	padding-right:1%
}	
.container .left img {
	max-width:100%
}	
.container .right {
}
.container .preisinfo h3 {
	clear:none;
	font-size: 13px;
    margin: 2px 0 5px;
}
.container p.titel {
	margin-bottom: 2px;
}
.container div.right input.big, .textarea {
	max-width: 100%;
}
.container div.right select.big {
	max-width: 100%;
	display: block;
	margin-bottom: 4px;
}
.container div.right input.small{
	width: 100px;
}
.container div.right input.standard{
	width: 190px;
}
.container div.right .checkbox{
	position: absolute;
	left: 0;
	margin: 0;
}
.container div.right .checkbox input[type="checkbox"]{
	position: static;
	margin-left: 0;
}
.container div.right .checkboxtext{
    padding-left: 20px;
}
#mesadetail-3 .formRow2 {
	position: relative;
}
#mesadetail-3 .submitButtonWrapper {
    max-width:100%;
    text-align:right;
	padding:5px 0 10px;
}
.submitButtonWrapper a.btn-u {
	color: #fff;
}
.search {
	font-size: 11px;
}
th.suche{
	text-align:center;
}
#tabs, .carpagination, .nolist {
	width: 100%;
}
#ajax_error, #ajax_ok {
	background-color: #eee;
	padding: 5px 0px;
}
.textabsatz {
	max-width: 100%;
	line-height: 150%;
}
.textabsatz_schmal {
	width: 50%;
	float: left;
	line-height: 150%;
}
#angebot_energie .specrow {
	display: flex;
	flex-direction: row;
	justify-content: start;
}
@media (max-width:767px) {
	#angebot_energie .specrow {
		flex-direction: column;
	}
	#angebot_energie{
		width:100%;
  		float: none;
	}
	.tab-pane #envkv {
		width:100%;
  		float: none;
	}
}
.speclabel, .property {
	flex: 0 1 50%;
}
.property ul {
	padding-left: 0 !important;
	list-style: none;
}
.energie {
	margin: 5px;
}
#envkv img {
	max-width:100%
}
#thumbs { 
	padding-top: 10px; 
	overflow: hidden; 
	width: 100%;
}
#thumbs img, #largeImage {
	border: 1px solid gray;
	padding: 4px;
	background-color: white;
	cursor: pointer;
	max-height:427px
}
#thumbs img {
	float: left;
	margin-right: 6px;
	margin-bottom: 2px;
}
#description {
	background: black;
	color: white;
	position: absolute;
	bottom: 0;
	padding: 7px 11px;
	margin: 5px;
	font-size:10px;
	opacity: 0.3;
	line-height: 12px;
}
#panel { 
	position: relative; 
}
#panel img { 
	max-width:100%
}
.thumbcontainer {
	width: 106px;
	display: inline-block;
}
.text {
	line-height: 150%;
}
.thumb img {
	max-width: 150px;
	height: auto;
}	
@media (min-width:480px) {
	.left {
		float:left;
		width: 48%
	}	
	#mesadetail-1 .left {
		max-width: 320px
	}	
	.right {
		float:right;
		width: 48%
	}
	#mesadetail-1 .right {
		float:left;
		width:auto
	}
	#description { 
		max-width: 440px;
		font-size:12px;
		opacity: 0.5;
		line-height: 16px;
	}
	.textabsatz {
		width: 450px;
	}
	div.right input.big {
		width: 200px;
	}
	div.right select.big {
		width: 200px;
	}
	#mesadetail-3 .submitButtonWrapper {
		width:95%;
	}
}
@media (min-width:768px) {
	.textabsatz, #thumbs {
		width: 640px;
	}
	#description { 
		max-width: 600px;
	}
	div.right input.big {
		width: 300px;
	}
	div.right select.big {
		width: 305px;
	}
	#mesadetail-3 .submitButtonWrapper {
		width:95%;
	}
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
}

/* Grid Ende */

.myfeatures {
    background-color:#EEE;
    max-width:690px;
	margin:8px 0 5px 0;
	padding:5px 0;
    clear:both;
} 
.searchFormRow {
	max-width:720px;
	margin-bottom:25px;
	clear:both;
}
.searchFormRow > div {
	width:180px;
	display:block;
	float:left;
	margin-bottom:10px;
}
.searchFormRow.threecol > div {
	width:238px;
}
.searchFormRow.threecol > div.last {
	width:215px;
}
.searchFormRow > div select, .searchFormRow > div input{
	display:block;
	width:150px
}
.searchFormRow.threecol > div select, .searchFormRow.threecol > div input{
	display:block;
	width:209px
}
h2 {
	clear:both;
	font-size:13px;
	margin:2px 0 2px;
}
h3 {
	clear:both;
	font-size:13px;
	margin:2px 0 5px;
}
@media (min-width:768px) {
}
.clearfix {
	clear:both;
}
.clearfix.distance {
	height: 15px;
}
.submitButton {
	color:#fff;
	margin: 0 0 0 0;
	border: 0;
	padding: 3px 5px;
	background: #7FB9E0; /* old browsers */
	background: -moz-linear-gradient(top, #7FB9E0 0%, #2989D8 50%, #207cca 51%, #7db9e8 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7FB9E0), color-stop(50%,#2989D8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7FB9E0', endColorstr='#7db9e8',GradientType=0 ); /* ie */
	-webkit-box-shadow: 3px 3px 5px #aaa;
	-moz-box-shadow: 3px 3px 5px #aaa;
	box-shadow: 3px 3px 5px #aaa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

.font_small {
	margin-top:5px;
	font-size:10px;
}
.searchbox ul, ul.data {
	margin: 0;
	padding: 0;
}
.searchbox ul li, ul.data li {
	list-style-type:none
}
div.ccontainer {
	margin:0 auto
}
.backlink {
	font-size:11px;
}
ul.data {
	clear: left;
	font-size:16px
}
ul.data::after {
	content:"";
	width:0;
	height:0;
	clear:both
}
ul.data li {
	float:left;
	padding: 10px;
}
@media (max-width: 520px) {
	ul.data, form#sorter ul, .nav.nav-tabs {
		padding-left:0 !important
	}
	.p-4, .p-4 .container  {
		padding:0 !important
	}
	.container .left {
		padding-right: 0 !important;
	}
	ul.data .thumb, ul.data .price, ul.data .details, ul.data .detailLink {
		width:auto
	}
	.container .left img {
		max-width: 100%;
		width: 100%;
	}
	#tab3 .left,#tab3 .right {
		width:100% !important
	}
}
#mesalist_bottom {
	clear: left;
}
ul.data .thumb {
	padding-left:0
}
.details p {
    margin-bottom: 5px;
	margin-top: 0;
	font-size: 15px;
}
.price {
	font-size: inherit;
	font-weight: bold;
	text-align: right;
}
ul.data .detailLink {
	padding-right:0;
	text-align: right;
}
ul.data .detailLink p {
	margin:5px 0 0
}
.detailLink a.buttons {
  cursor: pointer;
  font-size: 14px;
  padding: 8px 15px;
  display: inline;
  white-space: nowrap;
}
.detailLink a:hover {
  background-color:#00549C
}
.detailLink .fa {
   margin-right: 5px;
}
.jPaginate {
    box-sizing: border-box;
}