/*--------------------------------------------------------------
# Filter
--------------------------------------------------------------*/
.container.cbig {max-width:1440px;}
.container.cbig .mainbar {margin-left:0;
	display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.container.cbig .mainbar.col-lg-9 {margin-left:0;padding:0;}
.container.cbig .mainbar.mainbar2.col-lg-9 {margin-left:0;padding:15px;}
.map-button {position: relative;}
.map-button img {width:100%;margin-bottom:1em;}
.mapbutton {padding:5px 10px; color:white;background:#1bb1dc;position: absolute;bottom:1em;border-top-right-radius:10px; }
.mapbutton:before {content:'\F041';margin-right:.5em;padding-left:5px;font-family: "FontAwesome";}
legend  {font-size: 1em; font-weight: 400;font-family: "Ubuntu",sans-serif;display: block;width:100%;height:auto;}
.auswahl {display: none;transition: 1s all;height:0px;}
.col-12.input {padding:1px 5px;}
.col-12.input:hover {background:#f5f5f5 ;}
.col-12.input label {font-size: .85em;color:#333;margin-bottom:.25rem;}
.filter legend {border-bottom: 1px solid #ddd;padding-bottom:.25em;}
.filter.open legend {border-bottom:none;}
.filter legend:after {content:'+';position:absolute;right:20px;font-family: "Ubuntu",sans-serif;font-size: 1.15em;}
.filter legend:hover {color:#1bb1dc;cursor: pointer;}
/*.filter legend:hover + .auswahl {height:auto;display: block;}*/
.filter.open legend:after {content:'-';}
.filter .form-group {margin-bottom: 0;}
.filter.open .form-group .auswahl {
    display: block;
    margin-bottom: .5em;
    height:auto;
    -webkit-animation: slide-down .5s ease-out;
    -moz-animation: slide-down .5s ease-out;
}


@-webkit-keyframes slide-down {
      0% { opacity: 0; }   
    100% { opacity: 1;height:auto; }
}
fieldset.b-filter {padding:10px 15px;;background:#f5f5f5; border:1px solid #f5f5f5; margin-bottom:1em;border-radius: 5px;}
.topfilter {z-index: 12}
.topfilter.sticky {background:#f5f5f5; padding:46px 12px 12px 12px;}
.topfilter .formfield {display: inline-block; padding:6px 20px;background: #f5f5f5;margin:0 0px 12px 0;overflow:hidden;border:1px solid #cfcfcf; }
.topfilter .formfield.buchung {padding:10px 20px;background: #ff8900;margin:0 0px 2em 0;overflow:hidden;border:1px solid #ff8800; color:white;font-weight: 700;text-align: center;font-size: 1.5em;border-radius: 5px;}
.topfilter .formfield.buchung:hover {background: #fff;;border:1px solid #ff8800; color:#ff8800;}
.topfilter .formfield.person, .topfilter .formfield.region, .topfilter .formfield.buchung, .topfilter .formfield.preis {width:100%;}
.topfilter .formfield.termin {width:48.5%;}
.topfilter .formfield.termin:before {content:'\f073';}
.topfilter .formfield.person:before {content:'\f007';}
.topfilter .formfield.region:before {content:'\f041';}
.topfilter .formfield:before {font-family: 'FontAwesome';color:#999;font-size:1.5em;padding-right:14px;}
.topfilter .formfield.preis {border:none;padding:10px 0 0 0;}
.topfilter .formfield.preis span.preis {font-weight: 700; font-size: 2em;}

div.datepicker-trigger input[data-v-747eb806], div.datepicker-trigger input#datepicker-trigger  {padding-left:10px;}

.object {position: relative;
	display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  /* max-height:600px;*/
}

.mobilesearch {margin-bottom:-40px}
.mobilesearch a.btn-outline-primary {color: #1bb1dc;border-color: #1bb1dc;}
.mobilesearch a.btn-outline-primary:hover {color: #fff;background:#1bb1dc;}
.mobilesearch a.btn-outline-primary i.fa-heart-o, .mobilesearch a.btn-outline-primary i.fa-heart {padding:0;background:none;}