/* Custom Price-Filter */

div.up_bt1, div.sp_up_bt1, div.pf_sel_erwa, div.pf_sel_kind, div#pf_hotline, div#pf_sp_hotline {
    background: #fff; /* linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(242, 244, 244, 1) 72%, rgba(224, 226, 227, 1) 88%, rgba(215, 221, 221, 1) 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
   box-shadow: 6px 6px 22px -6px rgba(0, 0, 0, 0.75); */ 
}

#haus-app-filter {
    background-color: #fbfbfb;
    padding: 15px;
}

.center-up div#pf_up_cont, .center-up div#pf_sp_up_cont { margin-right: auto; margin-left: auto; }
.front div#pf_up_cont, div#pf_sp_up_cont,
.front-price-filter div#pf_up_cont {
    margin-left: 120px;
    width: 262px;
    position: absolute;
    margin-top: 220px;
}
div#pf_up_cont {
    margin-top: 20px;
}
div#pf_upb_frame, div#pf_sp_upb_frame {
    float: left;
    margin-left: 4px;
    width: 165px;   
}
.front div#pf_upb_frame, .front div#pf_sp_upb_frame,
.front-price-filter div#pf_upb_frame, .front-price-filter div#pf_sp_upb_frame {
    width: 110px
}
div#pf_up_ewrap, div#pf_sp_up_ewrap {
    display: inline-block;
    padding: 4px 7px 7px 5px;
/*    -webkit-box-shadow: 0px 3px 6px 0px rgba(191,191,191,1);
    -moz-box-shadow: 0px 3px 6px 0px rgba(191,191,191,1);
    box-shadow: 0px 3px 6px 0px rgba(191,191,191,1); */
}

.front div#pf_up_ewrap,
.front-price-filter div#pf_up_ewrap {
   width: 128px;
}

div#pf_up_cwrap_l, div#pf_up_cwrap_r, div#pf_sp_up_cwrap_l, div#pf_sp_up_cwrap_r {
}
div#pf_up_bti1, div#pf_sp_up_bti1 {
    border: 0px solid #929292;
    bottom: 4px;
    height: 60px;
    left: 4px;
    position: absolute;
    width: 65px;
}

div.up_day, div.sp_up_day, div#pf_sp_price_filter div.sp_up_nu, div#pf_price_filter div.sp_up_nu, div#pf_uanf_fo div.sp_up_nu {
    color: #929292;
    font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
}
div.pf_sel_kind {
    display: none;
    left: 640px;
    padding: 18px;
    position: absolute;
    top: 20px;
    width: 190px;
    z-index: 200;
}

div#pf_selk_ok {
    cursor: pointer;
    font-weight: 800;
    margin-top: 8px;
}

div.pf_addAll {
    cursor: pointer;
    font-weight: 800;
    margin-top: 8px;
}
div#pf_up_cont div.uphl, div#pf_sp_up_cont div.uphl, div#pf_uanf_fo div.uphl {
    color: #ffffff;
    background: #848383;
    font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    margin-left: auto;
}
div.up_button button#pf_up_jb, div.up_button button#pf_up_pc, div.up_button button#pf_up_ua {
    max-height: 88px;
    max-width: 195px;
    min-height: 88px;
    min-width: 120px;
    border-radius: 0;
    background: #F2B53B;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 22px;
    white-space: normal;
    cursor: pointer;
    padding: 0;
    border: 0;
    font-size: 20px;
}
div.up_button input#pf_up_jb { background: rgb(0, 160, 0); }

.front div.up_button input#pf_up_jb, .front div.up_button input#pf_up_pc, .front div.up_button input#pf_up_ua,
.front-price-filter div.up_button input#pf_up_jb, .front-price-filter div.up_button input#pf_up_pc, .front-price-filter div.up_button input#pf_up_ua {
    max-height: 58px;
    max-width: 110px;
    min-height: 58px;
    min-width: 110px;
    width: auto !important;
    border-radius: 0;
    background: #F7941E;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 18px;
    white-space: normal;
    cursor: pointer;
    padding: 0 5px;
}

div.up_button button#pf_up_jb { background-color: #954D6C; background-image: url(../../images/icons/icon-arrow-right-violett.svg);
    background-repeat: no-repeat;     background-position: center right 20px;
    background-size: 8%; outline: none; }


div.up_button button#pf_up_jb:hover, 
div.up_button button#pf_up_pc:hover, 
div.up_button button#pf_up_ua:hover { background: #eebc58;  color: #ffffff; opacity: 1; }
div.up_button button#pf_up_jb:hover { background-color: #a2607c; background-image: url(../../images/icons/icon-arrow-right-violett.svg);
    background-repeat: no-repeat;     background-position: center right 20px;
    background-size: 8%; outline: none;}





div#pf_sp_hotline, div#pf_hotline { display: none; } 
.front div#pf_sp_hotline, .front div#pf_hotline,
.front-price-filter div#pf_sp_hotline, .front-price-filter div#pf_hotline {
    display: block;
    height: 80px;
    margin-top: 19px;
    padding: 4px;
    position: absolute;
    right: 18px;
    width: 154px;
}

.front div#pf_sp_hotline, .front div#pf_hotline,
.front-price-filter div#pf_sp_hotline, .front-price-filter div#pf_hotline {
    height: 30px;
    margin-top: 195px;
    padding: 4px;
    position: relative;
    right: -4px;
    width: 238px;
}
.front div#pf_hotline div#pf_hlinn, .front div#pf_sp_hotline div#pf_hlinn,
.front-price-filter div#pf_hotline div#pf_hlinn, .front-price-filter div#pf_sp_hotline div#pf_hlinn {
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #4c0033;
    text-align: center;
    font-size: 110%;
    text-transform: uppercase;
 }

.pf_sel_erwa { width: 278px !important; margin: 4px 0 0 4px; }
.pf_sel_erwa  .se_hl { margin-bottom: 6px; }
.pf_sel_erwa, .pf_sel_kind { border: 1px solid #ccc; }
.pf_sel_kind  { margin: 4px 0 0 126px; }
#pf_selk_ok { background: #929292; width: 30px; color: #fff; text-align: center;}
.pf_addAll { background: #929292; width: 30px; color: #fff; text-align: center;}

#pf_anzahl-kinder {
    width: 35%;
    margin-left: 0px;
    border: 1px solid #ccc;
    padding: 2px 3px 2px 3px;
    text-align: center;
    display: inline-block;
}
#pf_kindercalc { 
  position: absolute;
  background: rgba(255,255,255,.95);
  width: 170px;
  margin: 0 0 0 80px;
  padding: 10px;
  border: 1px solid #ccc;
  display: none;
}
#pf_custom-booker-2 {
    position: absolute; 
    width: 280px; 
    right: 60px; 
    margin-top: 90px; 
    
    padding: 10px; 
    background: rgba(255,255,255,0.90); 
}

.page-node-22 .haus-app-filter { display: table; }
.page-node-type-haeuser .ui-datepicker-trigger { display: none; }

/* Preisfilter */

.view-haeuser #zimmer-popup-138 #block-pricefilter { display: none; }

.page-node-22 .row-1-haus,
  .page-node-type-haeuser .con-hausfilter { width: 29%; display: table-cell; vertical-align: top; padding-top: 27px; padding-left: 0; }
  

@media (max-width: 379px) { 
  .view-haeuser .list-content { display: block; margin-left: auto; margin-right: auto; padding-left: 20px; padding-top: 20px; }
  .list-entry .col-lg-4 { padding-right: 0; }
}

@media (min-width: 380px) and (max-width: 989px) { 

  .page-node-22 .row-1-haus,
  .page-node-type-haeuser .con-hausfilter { width: 34%; display: table-cell; vertical-align: top; padding-top: 27px; padding-left: 20px; }
  .page-node-22 .row-2-haus,
  .page-node-type-haeuser .con-filterelements { width: 100%; display: table-cell; text-align: left; }
  .page-node-22 .row-1-haus .col-md-6.col-lg-3,
  .page-node-type-haeuser .con-hausfilter .col-md-6.col-lg-3 { max-width: 100%; text-align: left; }
  .view-haeuser .list-content { display: block; margin-left: auto; margin-right: auto; padding-left: 20px; padding-top: 20px; }
  .list-entry .col-lg-4 { padding-right: 0; }
  .page-node-22 .row-1-haus, .page-node-type-haeuser .con-hausfilter { width: 97%; display: block; }
  div.up_button button#pf_up_jb, div.sp_up_button button#pf_up_jb { width: 264px; }
  div.up_button button#pf_up_jb, div.up_button button#pf_up_pc, div.up_button button#pf_up_ua { max-width: 264px; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #pf_note { width: 160px; height: 88px; padding-top: 23px; padding-left: 10px; text-align: left; }
  #pf_note h4 { font-size: 1.0rem; }
  #haus-app-filter h4 { font-size: 1.0rem; letter-spacing: -0.2px; }
  #haus-app-filter ul li { font-size: 0.80rem; }
  .page-node-22 .row-1-haus,
  .page-node-type-haeuser .con-hausfilter { width: 24%; display: table-cell; vertical-align: top; padding-top: 27px; padding-left: 40px; }
  .page-node-22 .row-2-haus,
  .page-node-type-haeuser .con-filterelements { width: 50%; display: table-cell; vertical-align: top; }
  .page-node-22 .row-1-haus .col-md-6.col-lg-3,
  .page-node-type-haeuser .con-hausfilter .col-md-6.col-lg-3 { max-width: 100%; text-align: left; }
  .page-node-22 .media__image.media__element.b-lazy.b-responsive.img-fluid.b-loaded {  height: 230px; object-fit: cover; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #pf_note { width: 160px; height: 88px; padding-top: 23px; padding-left: 10px; text-align: left;}
  #pf_note h4 { font-size: 1.0rem; }
  #haus-app-filter h4 { font-size: 1.0rem; }
  #haus-app-filter ul li { font-size: 0.80rem; }
  .page-node-22 .row-1-haus,
  .page-node-type-haeuser .row-1-haus { width: 24%; display: table-cell; vertical-align: top; padding-top: 27px; padding-left: 40px; }
  .page-node-22 .row-2-haus,
  .page-node-type-haeuser .con-filterelements { width: 50%; display: table-cell; vertical-align: top; }
  .page-node-22 .row-1-haus .col-md-6.col-lg-3,
  .page-node-type-haeuser .con-hausfilter .col-md-6.col-lg-3 { max-width: 100%; text-align: left; }
  .page-node-22 .media__image.media__element.b-lazy.b-responsive.img-fluid.b-loaded {  height: 230px; object-fit: cover; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #pf_note { width: 240px; height: 88px; padding-top: 20px; padding-left: 20px; text-align: left;}
  .page-node-22 .row-1-haus,
  .page-node-type-haeuser .con-hausfilter { width: 27%; display: table-cell; vertical-align: top; padding-top: 20px; padding-left: 20px; }
  .page-node-22 .row-2-haus,
  .page-node-type-haeuser .con-filterelements { width: 73%; display: table-cell; vertical-align: top; }
  .page-node-22 .row-1-haus .col-md-6.col-lg-3,
  .page-node-type-haeuser .con-hausfilter .col-md-6.col-lg-3 { max-width: 100%; text-align: left; }
  .page-node-22 .row-2-haus div#pf_up_cont { margin-top: 30px; }  
}
@media (min-width: 1660px) { 
  #pf_note { width: 240px; height: 88px; padding-top: 20px; padding-left: 20px; text-align: left;}
  .page-node-22 .row-1-haus,
  .page-node-type-haeuser .con-hausfilter { width: 24.5%; display: table-cell; vertical-align: top; padding-top: 20px; padding-left: 130px; }
  .page-node-22 .row-2-haus,
  .page-node-type-haeuser .con-filterelements { width: 50%; display: table-cell; vertical-align: top; }
  .page-node-22 .row-1-haus .col-md-6.col-lg-3,
  .page-node-type-haeuser .con-hausfilter .col-md-6.col-lg-3 { max-width: 100%; text-align: left; }
  .page-node-22 .row-2-haus div#pf_up_cont { margin-top: 35px; }
}

div.up_button button#pf_up_jb, div.sp_up_button button#pf_up_jb {
    height: 25px;
    width: 195px;
    border: 0;
}
div#pf_up_button button.up_pc, div.sp_up_button button#pf_up_pc {
    background-position: -5px -225px;
    height: 45px;
    width: 123px;
}
div#pf_up_button button#pf_up_ua, div.sp_up_button button#pf_up_ua, button#pf_anfragesub {
    background-position: -5px -155px;
    height: 63px;
    width: 123px;
}
div#pf_sp_up_button, div#pf_sp_up_button input {
    max-height: 25px;
    max-width: 172px;
    min-height: 25px;
    min-width: 172px;
    width: auto !important;
}

@media (min-width: 332px) and (max-width: 989px) { 
  div.up_button button#pf_up_jb, div.sp_up_button button#pf_up_jb { width: 264px; }
  div.up_button button#pf_up_jb, div.up_button button#pf_up_pc, div.up_button button#pf_up_ua { max-width: 264px; }
}

@media (min-width: 769px) and (max-width: 979px) { 
    div.up_button button#pf_up_jb, div.sp_up_button button#pf_up_jb { width: 264px; }
    div.up_button button#pf_up_jb, div.up_button button#pf_up_pc, div.up_button button#pf_up_ua { max-width: 264px; }
    .page-node-22 .row-1-haus, .page-node-type-haeuser .con-hausfilter { padding-left: 0; }
}

@media (min-width: 980px) and (max-width: 1659px) { 
    div.up_button button#pf_up_jb, div.sp_up_button button#pf_up_jb { width: 532px; }
    div.up_button button#pf_up_jb, div.up_button button#pf_up_pc, div.up_button button#pf_up_ua { max-width: 532px; }
    .page-node-22 .row-1-haus, .page-node-type-haeuser .con-hausfilter { padding-left: 20px; }
    .page-node-22 .row-1-haus, .page-node-type-haeuser .con-hausfilter { width: 32%; }
    .page-node-22 .row-2-haus div#pf_up_cont { margin-top: 13px; }
}