/* Hausliste dk-ferien */
/* overwrite bootstrap defaults */
.panel { margin-bottom: 0; }
#objektliste p.zeitraum{
	padding: 10px 0;
	line-height: 1.0em;
}
#objektliste h2.groesse.suchetitel {
	padding: 10px 0 0 0;
	margin: -10px 0 30px 0;
}
#objektliste .row { margin-left: 0; margin-right: 0; }
sup { padding-left: 0; }

/* own */
.clear { clear: both; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.ferienhaus { margin: 2% 0; background: #efefef; clear: left; /* Abgrenzung Paginierung */ }
.ferienhaus h3 { margin: 0; padding: 0; line-height: 130%; }
.ferienhaus h4 { margin: 0; padding: 5px; } /* wg. Buchenbutton */

.ferienhaus .dkf-heading {
  background-color: #efefef; /*#eaf0f4; /*#b8dfff*/
  border: none;
  padding: 10px;
}

.ferienhaus .panel { /*border-radius: 3px;*/  border: 0; box-shadow: 0 0; }
.hausbild:first-child { padding: 5px 0 5px 10px; }
.hausbild:nth-child(2) { padding: 5px 5px 5px 5px; }


.features { font-size: 95%; line-height: 125%; }
.features ul {
	margin: 6px 0 10px; 
	padding: 0 0 0 20px; 
	position: relative;
	width: 160%;
	}
button.rctitle{ /*Titel RC350*/
	
	border:none;
	
	float:left;
	padding: 0 0 10px 0;
	line-height: 20px;
}
button.rctitle:hover { /*Titel RC350*/
	color: #058FDE;
	text-decoration: underline;
	
}
button.rctitle h3{ 
  color: #055BA8;
  text-decoration: underline;
}
form.buchen-button{
	text-align:right;
}
.preis-buchen .col-price-lg-8 {
	width: 100%;
}
/*Suchseite Preis hier*/
#hausliste .preisbetrag a{
	font-size: 0.9em;
	position: relative;
	z-index: 10;
}
#hausliste p.fragen{
	font-size: 0.9em;
	padding:10px 0;
}
#hausliste .endreinigung{
	padding: 0;
	background: rgba(255, 255, 255, 0.7);
	position: relative;
	z-index: 5;
}
@media only screen and (min-width: 400px) {  
 .features ul {
	margin: 6px 0 10px; 
	padding: 0 0 0 20px; 
	position: relative;
	width: 100%;
	}
}
@media only screen and (min-width: 600px) {  
  .features { line-height: 130%; }
}
@media only screen and (min-width: 767px) {  
  .features { font-size: 100%; }
}
@media only screen and (min-width: 992px) {  
  .features { font-size: 87%; line-height: 125%; }
}
@media only screen and (min-width: 1100px) {  
  .features { font-size: 95%; }
}
@media only screen and (min-width: 1200px) {  
  .features { font-size: 93%; }
}

.img-map { 
  margin: -10px auto;
  position: relative;
  width: 100px;
}
@media only screen and (min-width: 400px) {  
  .img-map { width: auto; margin-top: 0;max-height:230px; }
}

@media only screen and (min-width: 500px) {  
  .img-map { max-height:180px; }
}
@media only screen and (min-width: 990px) {  
  .img-map { max-height:150px; }
}


.btn-buchen {
  background: #4ca218 none repeat scroll 0 0;
  border-color: #518333;
  margin-left: auto;
  margin-right: auto;
  max-width: 250px;
  padding: 6px 25px;
  color:#fff;
  z-index: 20;
  position: relative;
}
.preis > span { color: #4ca218; font-size: 145%; padding: 10px; font-family: ubuntu; }

span.newprice { color: #4ca218; padding-right: 10px; vertical-align: text-bottom; }
span.oldprice::before {
  border-color: inherit;
  border-top-style: solid;
  border-top-width: 2px;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(-20deg);
}
span.oldprice {
  color: #9a9a9a;
  font-size: 85%;
  position: relative;
  padding-right: 10px;
}

.preis-buchen { padding: 5px 10px; }
.preisbetrag { 
  color: #4ca218; 
  font-size: 145%; 
  font-family: ubuntu; 
  display: block; /* very small screen */ 
  padding: 0 0 5px;
}
  .preisbetrag { 
    display: block;  
    padding: 5px 0; 
  }

.nopadding.preisbutton { padding: 5px 0 8px; }


@media only screen and (min-width: 600px) {
  .preisbetrag { 
    display: inline;  
    padding: 10px 10px 5px 20px; 
  }
}

  .rabattgrund{
    display: inline;
    font-size: 11px;
    border: 1px solid #4ca218;
    color: #4ca218;
    padding: 0 4px;
    margin-right: 4px;
    vertical-align: middle;
    cursor: help;
  }                           

@media only screen and (min-width: 992px) {
  .preis-buchen { padding: 10px; } 
  .preisbutton { position: relative;  padding:0; }
}
@media only screen and (min-width: 1200px) {
  .preisbutton { position: relative; top: -12px; padding: 0; }
}

@media only screen and (min-width: 992px) { 
   .col-price-lg-4 { width: 33.3333%; float: left; }
  #inhalt a.btn-buchen { float: right; }
}
.col-price-lg-4.preisbutton { width: 100%; float: left; }
.anreise { font-size: 90%; }

#inhalt a.btn-buchen { color: #ffffff; text-decoration: none; }
#inhalt a.btn-buchen:hover { background: #68c430; }
span.anreisetag { position: relative; top: 5px; }

/* Zentrierung der Seiten-Paginierung */
/* nach blog.kulturbanause.de/ */
.pagi-container {
  float: left;
  position: relative;
  left: 50%;
}
.float-centered {
  float: left;
  position: relative;
  left: -50%;
}
.pagination { margin: 5px 0 5px -15px; }
@media only screen and (min-width: 340px) { 
.pagination { margin: 5px 0; }
}
.float-right {
  float: left;
  position: relative;
 
}
.sort { margin: 2% 0; }
.sort select{ margin-left: 5px; }
/* Pagination radius=0 bei zu vielen bzw. wg. schmalen Bildschirmen */
.pagination > li:first-child > a, .pagination > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#objektliste .pagination > li > a, 
#objektliste .pagination > li > span {
  text-decoration: none;
} 
/* Feature Close Button */
.feature-btns { padding: 5px 0; }
.weg { 
  color: #aaa;
  padding-left: 10px;
}
#inhalt .btn-myxs {
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.8;
  margin: 2px 0 0;
  padding: 2px 6px;
  text-decoration: none;
  border: 1px solid #ccc;
}
/* Bewertungen */
.rating {
  color: #da241c;
  font-size: 75%;
  padding-left: 5px;
}
.rating img {
  position: relative;
  top: 0;
  width: 14px;
}
/*---------------SE-------------------*/
/* Flaggen Schweden,Deutschland */
.flag {
  margin: 0 5px;
  position: relative;
  top: -2px;
  width: 18px;
}
.neu {
  width: 64px;
  position: absolute;
  top: -10px;
  left:-5px;
}
.storno {
  width: 64px;
  position: absolute;
  bottom: -20px;
  right: -10px;
}
.lage {
    float: right;
    position: absolute;
    right: 10px;
    padding: 0;
	
}
#objektliste {
	min-height:1500px;
}
#hausliste {
	padding: 10px;
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	margin-bottom: 20px;
	
}
/*Reiter Kartensuche*/
ul#liste { 
	font: bold 11px Verdana, Arial, sans-serif; 
	list-style-type: none; 
	margin: 20px 0 0 0; 
	padding: 0 0 24px 20px; 
	
    }
ul#liste li { 
	float: left; 
	height: 23px; 
	background-color: #ededed;
    margin: 2px 2px 0 2px; 
	border: 1px solid #d2d2d2; 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
#liste a { 
	float: left; 
	display: block; 
	color: #666; 
	text-decoration: none; 
	padding: 4px 10px; 
	} 
 #liste a:hover { 
	background: #f1f1f1; 
	} 
#liste li.liste-active, #liste li.karte-active  { 
	border-bottom: 1px solid #FFF; 
	background-color: #FFF;
    } 
/*Sucherergebnis über 100 Objekte => Kartenansicht ausgeblendet*/
#liste li.karte-none {
	display:none;
} 
/*Ende Reiter Kartensuche*/	
/*Kartensuche*/
#mapscript.pc {display: none;}
#mapscript.mobile {display: block;}
#map-canvas {
	width:100%;
	height:500px; 
	border:3px solid #ededed; 
}
.pagination i.fa.fa-angle-double-right, .pagination i.fa.fa-angle-double-left, .pagination i.fa.fa-angle-right, .pagination i.fa.fa-angle-left {
	font-weight:300;
}
/*Tooltip Sortierung "Empfehlung von dk-ferien"*/
.sort form {
	float: left;
}
i.fa-circle-info {
	font-size: 1.5em;
}
.tip {
  position: relative;
  display: inline-block;
  float:right;
  margin: 10px;
}

.tip .tiptext {
  visibility: hidden;
  width: 250px;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 100;
  bottom: 125%;
  left: 0;
  margin-left: -200px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 0.8em;
  line-height: 1.2;
}

.tip .tiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tip:hover .tiptext {
  visibility: visible;
  opacity: 1;
}
@media only screen and (min-width: 600px) {
	
  #map-canvas {
	width:100%;
	height:700px; 
	border:3px solid #ededed; 
}
	 .merkzettel .infotext{
		 height:120px;
	 }
 }
 @media only screen and (min-width: 768px) {
	 .merkzettel .infotext{
		 height:180px;
	 }
/* Seotext Box */
#info {
  float:right;
  width: 80%;
  margin: 3% 0;
}
#info .container{
	width:100%;
}
.col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
 }
@media only screen and (min-width: 992px) {
.storno {
  right: -20px;
}
.img-map {
		top: -20px;
}
.infotext {
		position: absolute;
		max-height:170px;
		overflow:auto;
}
.col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.nopadding.preisbutton {
    padding: 0;
    margin-top: -10px;
}
.preis-buchen .col-price-lg-8 {
    margin-top: 20px;
	position: relative;
	float: left;
}
}
@media only screen and (min-width: 1000px) {

	.infotext {
		max-height:175px;
	}
#mapscript.pc {display: block;}
#mapscript.mobile {display: none;}	
  #map-canvas {
		width:100%;
		height:800px; 
		border:3px solid #ededed; 
	}
}
@media only screen and (min-width: 1100px) {
	.img-map {
		top: -20px;
}
	.infotext {
		max-height:180px;
}
}
@media only screen and (min-width: 1200px) {
	.img-map { 
		margin: 10px auto;
		position: relative;
		
}
}
@media only screen and (min-width: 768px) {
	#objektliste .col-md-5{padding-left:0;}
}