@import url(../fonts/icomoon/style.css);
.cf::after {
    clear: both;
    content: "";
    display: table;
}
:root {
    --width-container: 540px;
    --color-blue-100: #f5faff;
    --color-blue-200: #b8dcff;
    --color-blue-300: #7ab8ff;
    --color-blue-400: #3d90ff;
    --color-blue-500: #0064fe;
    --color-blue-600: #0046d1;
    --color-blue-700: #002ba3;
    --color-blue-800: #001575;
    --color-blue-900: #000647;
    --color-green-100: #f0fcf5;
    --color-green-200: #b4eece;
    --color-green-300: #78e0a7;
    --color-green-400: #3cd180;
    --color-green-500: #00c159;
    --color-green-600: #009645;
    --color-green-700: #006a31;
    --color-green-800: #003f1d;
    --color-green-900: #001309;
    --color-gray-100: #f3f5f6;
    --color-gray-200: #d0d8dd;
    --color-gray-300: #aebac2;
    --color-gray-400: #8d9ca7;
    --color-gray-500: #6c7d8b;
    --color-gray-600: #576674;
    --color-gray-700: #424e5c;
    --color-gray-800: #2e3843;
    --color-gray-900: #1c212a;
    --color-white: white;
    --color-black: black;
    --color-border: var(--color-gray-600);
    --space-0: 0;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --text-sm: 0.875rem;
    --text-md: 1rem;
    --text-lg: 1.25rem;
    --text-xl: 1.5rem;
    --radius: 6px;
    --round: 1000px;
    --border: 1px solid var(--color-border);
    --shadow: 0px 2px 8px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-large: 0px 5px 18px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-focus: 0 0 0 var(--space-1) var(--color-blue-200);
    --transition-curve: cubic-bezier(0.2, 0.7, 0.3, 1);
    --transition-curve-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --transition-speed: 0.25s;
    --transition-speed-slow: 1s;
    --transition: all var(--transition-speed) var(--transition-curve);
    --transition-bounce: all var(--transition-speed) var(--transition-curve-bounce);
    --opacity-25: 0.25;
    --opacity-50: 0.5;
    --opacity-75: 0.75;
    --opacity-100: 1;
}

/*! CSS Used from: Embedded */
.MBRES_category-detail-apartment-tab-selector{display:flex;justify-content:flex-start;align-items:center;width:max-content;margin-top:6px;background:#f8f8f8;font-size:1.1rem;}
.MBRES_category-detail-apartment-tab{background:#f8f8f8;padding:16px 24px;cursor:pointer;user-select:none;transition:background-color .2s ease-in-out;}
.MBRES_category-detail-apartment-tab:hover{background:#ededed;}
.MBRES_category-detail-apartment-tab-active{border-bottom:3px solid var(--primary-color);padding-bottom:13px;}
/*! CSS Used from: https://wp-test.ims-media.at/wp-content/plugins/my-bookings-res/resources/styles/bootstrap.min.css?ver=1708509355 ; media=all */
@media all{
    *,::after,::before{box-sizing:border-box;}
    .mb-4{margin-bottom:1.5rem!important;}
    .fw-bold{font-weight:700!important;}
    img{vertical-align:middle;}
}

/*! CSS Used from: Embedded */
.MBRES_row{display:flex;flex-wrap:wrap;font-size: 1.3em;}
.MBRES_col-left{flex:0 0 30%;}
.MBRES_col-right{flex:0 0 50%;text-align: right}
/*! CSS Used from: https://wp-test.ims-media.at/wp-content/plugins/my-bookings-res/resources/styles/bootstrap.min.css?ver=1708509474 ; media=all */



/*! CSS Used from: Embedded */
.MBRES_category-detail-category-image-wrapper{overflow:hidden;}
.MBRES_category-detail-category-image-wrapper img{width:100%;cursor:pointer;transform:scale(1);transition:all .15s ease-in-out;}
.MBRES_category-detail-category-image-wrapper img:hover{transform:scale(1.05);transition:all .15s ease-in-out;}
.MBRES_category-detail-gallery-container{width:100%;}
.MBRES_category-detail-gallery-primary-images{display:flex;justify-content:space-between;align-items:center;}
.MBRES_category-detail-gallery-primary-images > *:nth-child(1){width:calc((100% * (2 / 3)) + 10px);margin-right:6px;}
.MBRES_category-detail-gallery-primary-images > *:nth-child(2){width:calc(100% * (1 / 3));}
.MBRES_category-detail-gallery-primary-images > *:nth-child(2) > *{width:100%;}
.MBRES_category-detail-gallery-primary-images > *:nth-child(2) > *:not(:last-child){margin-bottom:6px;}
.MBRES_category-detail-gallery-secondary-images{display:flex;justify-content:flex-start;align-items:center;width:100%;margin-top:6px;}
.MBRES_category-detail-gallery-secondary-images > *{width:calc((100% / 5) - 4.6px);}
.MBRES_category-detail-gallery-secondary-images > *:not(:last-child){margin-right:6px;}
@media only screen and (max-width: 768px){
    .MBRES_category-detail-gallery-container{width:100%;}
}
/*! CSS Used from: https://wp-test.ims-media.at/wp-content/plugins/my-bookings-res/resources/styles/bootstrap.min.css?ver=1708453927 ; media=all */
/*! CSS Used from: Embedded */
/*! CSS Used from: Embedded */
.MBRES_amenity-container[data-v-08400497]{background-color:#f8f8f8;margin:5px;width:100%;}
.MBRES_amenity-container > hr[data-v-08400497]{margin:2rem 0;}
.MBRES_amenity-heading[data-v-08400497]{margin-top:20px;margin-bottom:10px;font-size: 1em; font-weight: bold; color: var(--secondary-color); }
.MBRES_amenity-heading.main[data-v-08400497] {display: grid;}
.MBRES_amenity-grid-container[data-v-08400497]{display:grid;grid-auto-rows:1fr;grid-column-gap:12px;grid-row-gap:0px;grid-template-columns:repeat(3, minmax(220px, auto));}
.MBRES_amenity-item[data-v-08400497]{display:flex;padding:5px;height: 2.2rem;}
.MBRES-amenity-item-image[data-v-08400497]{width:30px;height:30px;flex:0 0 10%;margin-right:5px;}
.MBRES_amenity-item-text[data-v-08400497]{font-size:0.8rem;flex:1;display:flex;align-items:center;text-align: left;}
.MBRES_show-more-button[data-v-08400497]{
  border:none;
  transition:background-color ease-in-out .15s;
  background-color: var(--secondary-color);
  padding:10px;
  margin-top:15px;
  color:white;
  border: 1px solid lightgrey;
  
}
.MBRES_show-more-button[data-v-08400497]:hover{background:rgba(0,0,0,.05);color:#000000;}
@media only screen and (max-width: 1064px){
    .MBRES_amenity-grid-container[data-v-08400497]{grid-template-columns:repeat(2, minmax(220px, auto));}
}
@media only screen and (max-width: 756px){
    .MBRES_amenity-grid-container[data-v-08400497]{grid-template-columns:repeat(1, minmax(220px, auto));}
}
/*! CSS Used from: Embedded */
.MBRES_amenity-container > hr[data-v-08400497]{margin:20px 0;width: 100%;}
/*! CSS Used from: https://wp-test.ims-media.at/wp-content/plugins/my-bookings-res/resources/styles/bootstrap.min.css?ver=1709141700 ; media=all */
@media all{

}
/*! CSS Used from: Embedded */
h3,h5{font-family:var(--wp--preset--font-family--heading);font-weight:400;line-height:1.2;}
h3{font-size:var(--wp--preset--font-size--large);}
h5{font-size:var(--wp--preset--font-size--medium);}
.MBRES_category-detail-show-amenities-container {
    margin-top: 5%;
}
/*! CSS Used from: https://wp-test.ims-media.at/wp-content/plugins/my-bookings-res/resources/styles/bootstrap.min.css?ver=1709141700 ; media=all */
@media all{
    *,::after,::before{box-sizing:border-box;}
    hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25;}
    hr:not([size]){height:1px;}
    h3,h5{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;}
    h3{font-size:calc(1.3rem + .6vw);}
    @media (min-width:1200px){
        h3{font-size:1.75rem;}
    }
    h5{font-size:1.25rem;}
    img{vertical-align:middle;}
    button{border-radius:0;}
    button:focus:not(:focus-visible){outline:0;}
    button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
    button{text-transform:none;}
    button{-webkit-appearance:button;}
    button:not(:disabled){cursor:pointer;}
    .mb-3{margin-bottom:1rem!important;}
    .MBRES_rounded-corners-left{border-top-left-radius:12px;border-bottom-left-radius:12px;}
    .MBRES_rounded-corners-right{border-top-right-radius:12px;border-bottom-right-radius:12px;}
    .fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
    .fa-chevron-up:before{content:"\f077";}
    .fas{font-family:"Font Awesome 5 Free";}
    .fas{font-weight:900;margin-left: 6px;}
}
.MBRES_amenity-heading:not(.main),
.MBRES_amenity-grid-container:not(.main),
hr[data-v-08400497]:not(.main) {
    display: none;
}
/*! CSS Used from: https://wp-test.ims-media.at/wp-content/plugins/my-bookings-res/resources/styles/MyBookingsRES.css?ver=1709141700 ; media=all */

/*! CSS Used fontfaces */
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-regular-400.eot);src:url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-regular-400.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-regular-400.woff) format("woff"),url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-regular-400.ttf) format("truetype"),url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-regular-400.svg#fontawesome) format("svg");}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-solid-900.eot);src:url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-solid-900.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-solid-900.woff) format("woff"),url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-solid-900.ttf) format("truetype"),url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-solid-900.svg#fontawesome) format("svg");}

.mbres_container {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
}
.mbres_container * {
    box-sizing: border-box;
}
.mbres_container a,
.mbres_container a:link,
.mbres_container a:visited,
.mbres_container button {
    outline: none !important;
    box-shadow: none;
}
.mbres_container .hidden {
    display: none;
}
.mbres_container .input-container {
    border: 1px solid #e4e6e6;
    background-color: #f7f7f7;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}
.mbres_container .picker-container {
    border: 1px solid #e4e6e6;
    background-color: #f7f7f7;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}
.mbres_container .input-container:hover {
    background-color: #f1f2f2;
}
.mbres_container .input-container > * {
    cursor: pointer;
}
.mbres_container a.button,
.mbres_container button {
    display: inline-block;
    text-align: center;
    padding: 0.5em 1.5em!important;
    outline: none;
    border: none;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}
.mbres_container a.button.main,
.mbres_container button.main {
    color: white;
    border: 2px solid white;
    background: #3476bb;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.mbres_container a.button.main:hover,
.mbres_container button.main:hover {
    background: #3f83ca;
}
.mbres_container a.button.main:active,
.mbres_container button.main:active {
    background: #2e69a7;
}
.mbres_container a.button.contrast,
.mbres_container button.contrast {
    text-align: center!important;
    color: white;
    border: 2px solid white;
    background: var(--primary-color);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.contrast-single{
    font-size:14px;
    text-align: center!important;
    color: white;
    width: 100%;
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    height: 2.6em;
}

.contrast-single:hover{
    transform: scale(1.01);
    background: var(--primary-color);
}

.mbres_container a.button.contrast:hover,
.mbres_container button.contrast:hover {
    transform: scale(1.02);
    background: var(--primary-color);
}
.mbres_container a.button.contrast:active,
.mbres_container button.contrast:active {
    background: var(--primary-color);
}
.mbres_container .flexslider {
    border: none;
    margin: 0;
    background: none;
}
.mbres_container .flexslider > div,
.mbres_container .flexslider > div > ul {
    height: 100%;
}
.mbres_container .flexslider ul {
    margin: 0 !important;
    list-style: none !important;
}
.mbres_container .flexslider .flex-direction-nav a {
    text-decoration: none;
    box-shadow: none;
    top: 50%;
    background: none;
    height: auto;
    text-align: center;
}
.mbres_container .flexslider .flex-direction-nav a:before {
    color: white;
    font-size: 30px;
    text-shadow: none;
    line-height: 40px;
}
.mbres_container .keyfacts span {
    display: inline-block;
    margin: 0 5px;
}
.mbres_container .keyfacts span:first-child {
    margin-left: 0;
}
.mbres_container .keyfacts span:last-child {
    margin-right: 0;
}
.mbres_container .keyfacts span.size:before,
.mbres_container_single .keyfacts span.size:before {
    font-family: "mbres_icomoon";
    content: "\e903";
    display: inline-block;
    margin-right: 3px;
    color: #858585;
}
.mbres_container .keyfacts span.size:after,
.mbres_container_single .keyfacts span.size:after{
    content: "m\00b2";
}
.mbres_container .keyfacts span.max_persons:before,
.mbres_container_single .keyfacts span.max_persons:before {
    font-family: "mbres_icomoon";
    content: "\e904";
    display: inline-block;
    margin-right: 3px;
    color: #858585;
}
@media (min-width: 769px) {
    .mbres_container .show_on_tablet {
        display: none !important;
    }
}
@media (max-width: 769px) {
    .mbres_container .hide_on_tablet {
        display: none !important;
    }
}

.mbres_container .mbres_spinner,
.mbres_container_single .mbres_spinner{
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    left: 50%;
    margin: 80px 0 80px -15px;
    background: var(--primary-color);
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    -moz-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

.datepicker {
    max-width: 220px;
}
.datepicker table {
    border: none;
}

/* ANIMATIONS */
@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px);
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}
@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
#mbres_searchbox_container form#searchbox::after {
    clear: both;
    content: "";
    display: table;
}
#mbres_searchbox_container form#searchbox input {
    color: #525252;
}
#mbres_searchbox_container form#searchbox > .input-container {
    display: block;
    position: relative;
    float: left;
    height: 35px;
    width: 16%;

   /* margin-bottom: 2%; */
}
.vhd-input[data-v-0cb4ff92] {
    min-width: unset!important;
    height: 35px!important;
}
.vhd-container{
    width: 100% !important;
}


#mbres_searchbox_container form#searchbox > .picker-container {
    display: block;
    position: relative;
    float: left;
    height: 35px;
    width: 40%;
    margin-right: 2%;
 /*   margin-bottom: 2%; */
}

.filters-container {
    display: none;
    position: relative;


    width: 100%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.filters-buttons-container {
    display: block;
    position: relative;


    width: 100%;
    margin: 2% 0;

}
#mbres_searchbox_container form#searchbox > .input-container:last-child {
    margin-right: 0;
}
#mbres_searchbox_container form#searchbox > .input-container > * {

    display: block;
    width: 100%;
    height: 100%;
    line-height: 35px;
    padding: 0 10px !important;
    border-radius: 0;

}
#mbres_searchbox_container form#searchbox > .picker-container > * {
    visibility: visible;
    /*
  //display: block;
  //width: 100%;
 // height: 100%;
 // line-height: 45px;
  // border-radius: 0;
  */
}
#mbres_searchbox_container form#searchbox > .input-container > *::-webkit-input-placeholder {
    color: #858585;
}
#mbres_searchbox_container form#searchbox > .input-container > *::-moz-placeholder {
    color: #858585;
}
#mbres_searchbox_container form#searchbox > .input-container > *:-moz-placeholder {
    color: #858585;
}
#mbres_searchbox_container form#searchbox > .input-container > *:-ms-input-placeholder {
    color: #858585;
}
#mbres_searchbox_container form#searchbox > .picker-container > *::-webkit-input-placeholder {
    color: #858585;
}
#mbres_searchbox_container form#searchbox > .picker-container > *::-moz-placeholder {
    color: #858585;
}
#mbres_searchbox_container form#searchbox > .picker-container > *:-moz-placeholder {
    color: #858585;
}
#mbres_searchbox_container form#searchbox > .picker-container > *:-ms-input-placeholder {
    color: #858585;
}
#mbres_searchbox_container form#searchbox > .input-container > input,
#mbres_searchbox_container form#searchbox > .picker-container > input,
#mbres_searchbox_container form#searchbox > .input-container > select {
    background: none;
    outline: none;
    border: none;
}
#mbres_searchbox_container form#searchbox > .input-container.input-container-checkin:before,
#mbres_searchbox_container form#searchbox > .picker-container.input-container-checkin:before,
#mbres_searchbox_container form#searchbox > .input-container.input-container-checkout:before {
    position: absolute;
    display: block;
    top: 7px;
    right: 10px;
    font-size: 18px;
    color: #525252;
    /* font-family: "mbres_icomoon"; */
    content: "\e900";
}
#mbres_searchbox_container form#searchbox > .input-container.input-container-checkin > input,
#mbres_searchbox_container form#searchbox > .input-container.input-container-checkout > input {
    padding-right: 30px !important;
}
#mbres_searchbox_container form#searchbox > .input-container.input-container-max_persons select {
    color: #525252;
}
#mbres_searchbox_container form#searchbox > .input-container.input-container-submit {
    border: none;
    background: none;
    padding: 0;
}
#mbres_searchbox_container form#searchbox > .input-container.input-container-submit button {
    line-height: 1em;
}
#mbres_searchbox_container form#searchbox > .input-container.input-container-submit button:before {
  font-family: "mbres_icomoon";
    content: "\e902";
    color: white;
    display: inline-block;
    font-size: 1.5em;
    line-height: 0;
    vertical-align: middle;
    margin: -1px 5px 0 0;
}



@media (max-width: 769px) {
    #mbres_searchbox_container form#searchbox > .picker-container,
    #mbres_searchbox_container form#searchbox > .input-container {
        width: 49%;
        margin-right: 2%;
    }

    .label.non-ref > p {
        font-size: 1em!important;
    }

    .filter-box {
        width: 100%!important;
    }

    .picker-container.input-container-checkin,
    .input-container-single,
    #mbres_searchbox_container_single form#searchbox > .picker-container{
        float: none!important;
    }




    .filters-buttons-section {
        width: 50% !important;

    }

    .hide-on-mobile {
        display: none!important;
    }

    .input-container-single.input-container-submit > div > div.entry-title {

        font-size: 1.3em;
        padding: 10px;

    }

    #mbres_searchbox_container form#searchbox > .input-container:nth-child(2) {
        margin-right: 0;
    }

    div.vhd__datepicker__close-button i {
        font-size: 30px !important;

    }

    .persons-container {

        width: 100%!important;

    }
}
@media (max-width: 480px) {
    #mbres_searchbox_container form#searchbox > .picker-container,
    #mbres_searchbox_container form#searchbox > .input-container {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }


    .hide-on-mobile {
        display: none!important;
    }



    .filters-buttons-section {
        width: 50% !important;

    }

    div.vhd__datepicker__close-button i {
        font-size: 30px !important;

    }
    /*
        .vhd__datepicker--open {
          height: 90% !important;
          top: 10% !important;
        }

     */
    .filter-box {
        width: 100%!important;
    }



    .persons-container {

        width: 100%!important;

    }

}
#mbres_searchbox_container form#searchbox.searchbox-vertical > * {
    float: none;
    width: 100%;
    max-width: 220px;
    margin-bottom: 20px;
}

#mbres_aptlist_container ul.categories {
    list-style: none;
    width: 100%;
    margin: 0;
}
#mbres_aptlist_container ul.categories > li {
    display: block;
    width: 100%;
    height: 220px;
    background: white;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
#mbres_aptlist_container ul.categories > li::after {
    clear: both;
    content: "";
    display: table;
}
#mbres_aptlist_container ul.categories > li:last-child {
    margin-bottom: 0;
}
#mbres_aptlist_container ul.categories > li > * {
    height: 100%;
    float: left;
}
#mbres_aptlist_container ul.categories > li .slider {
    width: 260px;
    height: 220px;
    overflow: hidden;
    position: relative;
}
#mbres_aptlist_container ul.categories > li .slider .item {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 769px) {
    #mbres_aptlist_container ul.categories > li {
        height: auto;
    }
    #mbres_aptlist_container ul.categories > li > * {
        width: 100% !important;
        float: none;
    }
    #mbres_aptlist_container ul.categories > li .slider {
        height: 180px;
    }
}
#mbres_aptlist_container ul.categories > li .content {
    width: -webkit-calc(100% - 260px - 160px);
    width: calc(100% - 260px - 160px);
    padding: 20px 10px 20px 20px;
}
@media (max-width: 769px) {
    #mbres_aptlist_container ul.categories > li .content {
        padding-bottom: 0;
    }
}
#mbres_aptlist_container ul.categories > li .content h2 {
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #3476bb;
    margin-bottom: 5px;
}
#mbres_aptlist_container ul.categories > li .content p {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 1.5;
    max-height: 90px;
    overflow: hidden;
}
#mbres_aptlist_container ul.categories > li .content p a {
    text-decoration: underline;
}
#mbres_aptlist_container ul.categories > li .book {
    width: 160px;
    padding: 20px 10px;
}
@media (max-width: 769px) {
    #mbres_aptlist_container ul.categories > li .book {
        padding-top: 0;
    }
}
#mbres_aptlist_container ul.categories > li .book p {
    text-align: center;
}
#mbres_aptlist_container ul.categories > li .book p .price {
    display: block;
    font-size: 20px;
    filter: var(--secondary-filter);
    font-weight: bold;
}
#mbres_aptlist_container ul.categories > li .book a.button {
    padding: 0.5em 0;
    display: block;
}
#mbres_aptlist_container .error,
#avail-data p.error{
    text-align: center;
    border: 1px solid var(--not-available-color);
    margin-top: 30px;
    padding: 10px;
    color: var(--not-available-color);
}

#mbres_aptsingle_container h1.entry-title {
    margin-bottom: 0;
}
#mbres_aptsingle_container .content,
#mbres_aptsingle_container .iframe_booking,
#mbres_aptsingle_container .lng-switcher{
    display: block;
    width: 320px;
    float: left;
}
@media (max-width: 769px) {
    #mbres_aptsingle_container .content,
    #mbres_aptsingle_container .iframe_booking,
    #mbres_aptsingle_container .lng-switcher{
        float: none;
        width: 100% !important;
        padding: 0 !important;
    }
}
#mbres_aptsingle_container .content {
    width: -webkit-calc(100% - 320px);
    width: calc(100% - 320px);
    padding-right: 20px;
}
#mbres_aptsingle_container .content .keyfacts {
    margin-bottom: 10px;
}
#mbres_aptsingle_container .content .aptsingle_top {
    position: relative;
    max-width: 900px;
    margin: 0 auto 20px;
}
#mbres_aptsingle_container .content .aptsingle_top .buttons {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 21;
    background: rgba(255, 255, 255, 0.95);
}
#mbres_aptsingle_container .content .aptsingle_top .buttons::after {
    clear: both;
    content: "";
    display: table;
}
#mbres_aptsingle_container .content .aptsingle_top .buttons > button {
    display: block;
    float: left;
    text-transform: initial;
    font-weight: normal;
    border-radius: 0;
    padding: 0.5em 1em;
    background: none;
    color: #525252;
}
#mbres_aptsingle_container .content .aptsingle_top .buttons > button:before {
    font-family: "mbres_icomoon";
    display: inline-block;
    margin-right: 0.3em;
}
#mbres_aptsingle_container .content .aptsingle_top .buttons > button:hover {
    background: rgba(0, 0, 0, 0.075);
}
#mbres_aptsingle_container .content .aptsingle_top .buttons > button:focus,
#mbres_aptsingle_container .content .aptsingle_top .buttons > button.active {
    background: #3476bb;
    color: white;
}
#mbres_aptsingle_container .content .aptsingle_top .buttons > button#show_slider:before {
    content: "\e906";
}
#mbres_aptsingle_container .content .aptsingle_top .buttons > button#show_map:before {
    content: "\e905";
}
#mbres_aptsingle_container .content .aptsingle_top #map {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: red;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}
#mbres_aptsingle_container .content .aptsingle_top #map.shown {
    opacity: 1;
    visibility: visible;
}
#mbres_aptsingle_container .content .aptsingle_top #map > iframe {
    display: block;
    width: 100%;
    height: 100%;
}
#mbres_aptsingle_container .content .aptsingle_top .slider_container {
    overflow: hidden;
    display: block;
    margin: 0 auto;
}
#mbres_aptsingle_container .content .aptsingle_top .slider_container #slider {
    margin-bottom: 10px;
}
#mbres_aptsingle_container .content .aptsingle_top .slider_container #thumbnails li {
    cursor: pointer;
}
#mbres_aptsingle_container .content h2 {
    margin-top: 20px;
}
#mbres_aptsingle_container .content .desc {
    text-align: justify;
}
#mbres_aptsingle_container .iframe_booking{
    visibility: visible;
    width: 320px;
    height: max-content;
    font-size: 14px;
    margin: 0 auto;
   background-color: var(--primary-color);
    outline: none;
    border: none;
    padding-bottom: 15px;
}
.lng-switcher {
 /*   background-color: #fff!important;*/
    height: 22px;
    margin-bottom: 10px;
    padding: 0px!important;
}

#mbres_bsuccess_container .iframe_bsuccess {
    width: 100%;
    height: 600px;
}



.vhd__datepicker__wrapper.persons {
    height:35px!important;
    background: #fff url(../images/family.png) no-repeat 0.5em/1.4em;
}

.vhd__datepicker__wrapper {
    height:35px!important;
    background: #fff url(../images/calendar.png) no-repeat 0.7em/1.4em;
}

.vhd__datepicker__input.persons:first-child {
    background: transparent url(../images/hyphen.svg) no-repeat 105%/20px;
    width: 50%;
}

@media screen and (max-width: 767px) {

    .vhd__datepicker--open {
        perspective:none;
        -webkit-backface-visibility: hidden;
        -webkit-overflow-scrolling: touch!important;
    }



}

@media screen and (min-width: 768px) {


    .vhd__datepicker--open {
        width: 203.5%;
    }

}


.vhd__datepicker__input {
    height: 35px;
    text-align: center!important;
    line-height: 35px!important;
    text-shadow: none;
    font-weight: 400!important;
    font-size:0.9em!important;
}
.vhd__datepicker__wrapper {
    font-size: 15px;

}

.vhd__datepicker__month-day--allowed-checkout:hover, .vhd__datepicker__month-day--valid:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.vhd__datepicker__month-button {
    filter: brightness(0%);
}

.vhd__datepicker__month {
    font-weight: 400!important;
    text-shadow: none!important;

}

.vhd__datepicker__wrapper--grid .vhd__square .vhd__datepicker__month-day {
    border:none!important;
    margin:0!important;
}

.vhd__datepicker__month-day--selected {
    background-color: var(--primary-color)!important;
    color: #fff!important;
}


.vhd__datepicker__month-day--selected:hover {
    background-color: #fff!important;
    color: var(--primary-color)!important;
    z-index: 1;
    position: relative;
    -webkit-box-shadow: 0 0 10px 3px var(--primary-color)!important;
    box-shadow: 0 0 10px 3px var(--primary-color)!important;
}


.vhd__datepicker__month-day--selected {
    background-color: var(--primary-color)!important;
    color: #fff!important;
}

.vhd__datepicker__month-day--first-day-selected, .vhd__datepicker__month-day--last-day-selected  {
    background: var(--primary-color)!important;
    color: #fff!important;
}

.vhd__datepicker__month-day--selected:hover {
    background-color: #fff!important;
    color: var(--primary-color)!important;
    z-index: 1;
    position: relative;
    -webkit-box-shadow: 0 0 10px 3px rgba(66,75,83,.4)!important;
    box-shadow: 0 0 10px 3px rgba(66,75,83,.4)!important;
}
.vhd__datepicker__month-day--first-day-selected, .datepicker__month-day--last-day-selected {
    border:0;
    margin:0;
    background: var(--primary-color)!important;
    color: #fff!important;
}
.vhd__datepicker__month-day--valid {
    font-weight: 400!important;
}

.vhd__datepicker__month-day--today .vhd__datepicker__month-day-wrapper {
    border: none!important;
    padding-top: calc(100% - 1px);
}
.vhd__datepicker__header {

}

.vhd__datepicker__month-name {
    text-align: center!important;
    color: #292929;
    font-weight: bold;
    padding: 0.5em!important;
}

.vhd__datepicker__week-name {
    text-align: center !important;
    color: #292929;
    font-weight: bold;
}


.vhd__datepicker__input:first-child {
    padding-left: 20px!important;
    padding-right: 0!important;
}
/*
.vhd__datepicker__input:last-child {
    padding-right: 20px!important;
    padding-left: 0!important;
}
*/
/*

.persons-wrapper {
    position: absolute;
    top: 3em;
    z-index: 999;
    transition: all .2s ease-in-out;
    background-color: #fff;
    font-size: 16px;
    font-family: Source Sans Pro,sans-serif,verdana,arial;
    line-height: .875em;
    overflow: hidden;
	width:480px;
	height: max-content!important;

}

.persons-block-container {
	background: white;
    position: absolute;
    top: 3em;
    z-index: 999;
	border: 1px solid #eaeaea;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.persons-block {
	padding: 15px;
	width:50%
}
.persons-block > .labels {
	text-shadow: none;
	font-weight: 400;
	color: #000;
	padding-bottom:10px;

}
.persons-block > .labels:last-child
{
	padding-bottom:0px;

}
.persons-block > .inputs {
	text-shadow: none;
	font-weight: 400;
	color: #000;
	padding-bottom:10px;

}
.persons-block > .inputs span {
	text-shadow: none;
	text-align: center!important;
	font-weight: 700;
	border: 3px solid var(--primary-color);
	border-radius: 50%;
	height: 25px;
	width: 25px;
	display:inline-block;


}
.persons-block > .inputs:last-child
{
	padding-bottom:0px;

}
*/

.persons-container {
    display:none;
    position:absolute;
    z-index:998;
    text-shadow: none;
    font-size:14px;
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--space-8);
    border: none;
    background-color: var(--color-white);
    border-radius: 0!important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding-left: 10px;
    padding-right: 10px;
}
.persons-input-row {
    display: flex;
    padding: var(--space-2);
    border-bottom: 1px solid lightgrey;
}
.filters-input-row {
    display: flex;
    padding: var(--space-2);
    border: var(--border);
}
.filters-buttons-row {
    display: flex;
    padding: 0;
    margin: 1% 0;
    align-items: center;

}
.filters-input-row:last-child {

}
.persons-input-row:last-child {
    border-bottom: 0;
}
.persons-title {
    text-shadow: none;

    margin-right: var(--space-8);
}
.persons-label {
    margin-bottom: 0!important;
    font-family: inherit;
    /* margin-bottom: var(--space-1); */
     font-weight: bold;
    color: #35343d;
    font-size: 0.9em !important;
    line-height:2.5em!important;
}
.persons-description {
    color: var(--color-gray-600);
    margin-bottom: 0!important;
    font-weight: 400;
}
.persons-input {
    display: flex;
    align-items: center;
    margin-left: auto!important;
}
button.persons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--space-5);
    height: var(--space-5);
    border: 2px solid var(--primary-color);
    border-radius: 20%;
    background-color: var(--primary-color);
    color:var(--color-white);
    padding: 0!important;
}
.persons-icon{
    filter: brightness(0) invert(1);
}

button.persons:hover svg{
    filter: brightness(0) invert(0);
}

button.persons:hover {
    background: var(--color-white);
    transform: scale(1.05);
    cursor: pointer;
    border: 2px solid var(--primary-color);
}
button.persons:focus {
    outline: none;
    /*box-shadow: var(--shadow-focus);*/
}
button.persons[disabled] {
    opacity: var(--opacity-50);
    pointer-events: none;
}
button.persons:active {
    background-color: var(--primary-color)!important;
}

.persons-number {
    font-size: var(--text-md);
    min-width: var(--space-12);
    color: #000;
    text-align: center!important;
    font-weight: 400;
}
.persons-icon {
    user-select: none;
}
.persons-dim {

    color: var(--color-gray-400);
}

#slider-1-slide-1-layer-3 {
    height: fit-content!important;
}

#slider-1-slide-1-layer-9 {
    transform: none!important;
}

rs-layer-wrap, rs_module, #rev_slider_2_1, #rev_slider_1_1, #slider-section  {
    z-index: 5;
    overflow:visible!important;
}

#main-content {
    z-index: 0;!important;
}

.persons-input-row.age {
    padding: 0;
    flex-wrap: wrap;
    margin: 3% 0;
}
.filters-input-row {

    flex-wrap: wrap;
}
.persons-title.age {
    padding: 0 5px;
    margin: 3%;
    width: 44%;
    border: 1px solid lightgrey;
}

.persons-title.age select {
    background-color: #fff;
    font-size: 0.9em !important;
    background-position: 115% 50%;
    border: none;
    width: 100%;
    color: #000;
    font-weight:400!important;
}

.filters-title {

    text-align:center;
    width:33%;
    margin-right: 0;
}

.persons-select{
        margin: 0 !important;
    padding: 0 !important;
    width: 60%;
}



label.persons-label{
    font-weight:bold;
    font-size:0.9em;
    margin-top: 10px;
    margin-left:0;
    margin-right:0;
    line-height: 1em!important;
    vertical-align: text-bottom;
}

rs-progress {
    visibility:hidden!important;
}

#submit{
    height:35px!important;
    font-weight: 400 !important;
}
.rs-parallax-wrap {
    perspective: none!important;
}
#hb-header {
    z-index:10!important;
}

.filter-box {
    border: 1px solid lightgrey;
    display: flex;
    text-align: center;
    align-items: center;
    width: 29.3%;
    min-height: 30px;
    margin: 0.5% 2% 0.5% 2%;
    line-height: 1em;
    color: #666666;
    cursor: pointer;
}
/*
.filter-box:first-child{
    margin: 0.5% 0% 0.5% 0%;
}
*/
.filter-icon {
    font-family:FontAwesome;
    margin-right: 5px;

}

.filter-icon,
.filter-num {
    padding-left: 5px;
    width: 13%;
    font-size: 0.8em;
}
.filter-name {
    border-left: var(--border);
    border-right: var(--border);
    width: 80%;
    font-size: 0.8em;
}
.layout-view.filter-active{
    filter: var(--secondary-filter);
}
.filter-box.filter-active{
    background-color: var(--secondary-color);
    color: white;
    /*filter: var(--secondary-filter);*/
}

.filter-box.filter-active > div.filter-icon {
    filter: brightness(0) invert(1);
}

.filters-buttons-section {
    width: 33.3%;
    text-align: center;
}
.filters-buttons-section.appartments {
    text-align: left!important;
}
.filters-buttons-section.sort {
    text-align: right!important;
}

.filters-buttons-section > select {
    width: 165px;
    min-width: 100px;
    background-color: #fff;
    padding: 5px 5px 5px 5px!important;
}

.icon-list {
    width: 1.3em;

}
.icon-map {
    width: 1.2em;

}

#filters-btn{
    border: 1px solid lightgrey;
    padding: 0.1em 1.5em 0.2em;
    margin-left: 0.2em;
    font-size: 10pt;
    background-color: #fff!important;
    color: grey;
}


#filters-btn:hover,
#filters-btn.filter-active{
    background-color: var(--secondary-color)!important;
    color: #fff;
    border: 1px solid var(--secondary-color);
}

.layout-view{
    cursor: pointer;
}

#list_view {
    margin-right: 0.5em;
}
#map_view {
    margin-left: 0.5em;
}

.mbres_container_single {
    padding: 0;
    display: block;
    position: relative;
    width: 100%;
  /*  max-width: 1040px;*/
    margin: 0 auto;
}

.mbres_container_single.test {
    padding: 15px;
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
}


#mbres_searchbox_container_single form#searchbox > .picker-container {
    display: block;
    position: relative;
    float: left;
    height: 35px;
    width: 100%!important;
    margin-right: 2%;
    margin-bottom: 2%;
}

.persons-label.single {
    margin-left: 15%;
}

.input-container-single {
    position: relative;
    color: #444444;
    float: left;
    width: 100%;
    background: white;
    min-height: 200px;
    padding-bottom: 15%;
}

.input-container-single-button
{
    position: absolute;
    bottom: 4%;
    left: 4%;
    width: 92%;
    text-align: center;
}

.input-container-single.input-container-submit > div > div.entry-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4%;

}
.input-container-single.input-container-submit > div.header {
    text-align: left;
    /*border-bottom: var(--border);*/
    margin: 4% 4% 0 4%;
    /* padding-bottom: 2%;*/
}
.input-container-single.input-container-submit > div > div.calculation {
    font-size: 14px;
    border-bottom: 1px solid lightgrey;
    margin-bottom: 4%;
/*    padding-bottom: 4%;   */
}
.input-container-single.input-container-submit > div.total {

    margin: 4%;

}

#avail-data > div.total {
    font-size: 14px;
}


#calculation{
    display:none;
}

div.calculation > div > .label, div.total > .label {
    display: inline-block;
}



div.calculation > div > .label.non-ref {
    font-size: 0.7em;
    color:#444444;
    line-height: 25px;
}

div.calculation > div > .label.non-ref > p {
    margin-bottom: 0;
    line-height: 1em;
}

div.calculation .non-ref-notice {
    margin-left: 30px;
    line-height: 0;
}

div.calculation > div > .value, div.total > .value  {
    float: right;
}
.input-container-single-button > #submit {
    height: 35px!important;
    width: 100%;
    border: none;
}

.man-icon {
    width: 6%;
}

#avail-data {
    margin: 0 4% 4% 4%;
}

.iframe_map {
    width: 100%;
    height: 500px;
}

 {
    display: none;
}
#custom,
#additional,
#map {
    display: none;
}

.guests {
    padding-bottom: 4%;
    margin-bottom: 4%;
    border-bottom: 1px solid lightgrey;
}

div.guests img {
    width: 1.1em;
}

.apts-left {
    font-size: 0.8em;
}
.apts-left a {
    filter: var(--secondary-filter);
}

#propertymap {
    display:none;
}

#propertymap .gm-style-iw{
    box-shadow:none;
    color:#515151;
    font-family: "Georgia", "Open Sans", Sans-serif;
    text-align: center;
    width: 100% !important;
    border-radius: 0;
    left: 0 !important;
}

#propertymap .gm-style > div > div > div > div > div > div > div {
    background: none!important;
}

.gm-style > div > div > div > div > div > div > div:nth-child(2) {
    box-shadow: none!important;
}
#propertymap .gm-style-iw > div > div{
  /*  background: #FFF!important; */
}
#propertymap .gm-style-iw > div {

}

#propertymap .gm-style-iw-chr {
    z-index: 1;
    position: absolute;
}

#propertymap .gm-style-iw a{
    text-decoration: none;
}

#propertymap button.gm-svpc > div,
#map button.gm-svpc > div
{
    left: 5%!important;
    width: 100%;
}

#propertymap .gm-style-iw > div{
    width: 245px !important
}

#propertymap .gm-style-iw .img_wrapper {
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin: 0px auto;
}

#propertymap .gm-style-iw .img_wrapper > img {
    width: 100%;
    height:auto;
}

#propertymap .gm-style-iw .property_content_wrap {
    padding: 0px 20px;
}

#propertymap .gm-style-iw .property_title{
    margin-top: 3%;
    text-align: left;
    font-weight: bold;
    min-height: auto;
}

#propertymap .gm-style-iw .property_price{
    margin-bottom: 3%;
    margin-top: 3%;

    min-height: auto;
}


#propertymap .gm-style-iw .property_price .price {
    color: var(--secondary-color);
    font-weight: bold;
}

div.gm-style-iw.gm-style-iw-c {
    max-width: max-content!important;
}
.gm-style .gm-style-iw-c {
    padding: 0!important;
    border-radius: 15px!important;
}

div.gm-style-iw-d {
    overflow: hidden!important;
}

button.gm-ui-hover-effect{
    top: 1px!important;
    right: 1px!important;
}

.map_info_wrapper {
 /*   margin: 0 -15px;*/
}

#propertymap .flex-viewport {
    /*
    margin: 0 -5px;
    scale: 1.15;
    */

}

#propertymap .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

#propertymap .flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 20px;
}

#propertymap .flexslider  {
    margin: 5px 0 25px 0px;
    scale: 1.18;
}

#propertymap .flex-direction-nav>li>a {
    background: none!important;
}

#propertymap .flex-direction-nav>li>a.flex-next,
#propertymap .flex-direction-nav>li>a.flex-prev {

    top: 50%;

}

.map-info-link {
    color: white;
    margin-bottom: 5%;
    border: 2px solid white;
    background: var(--primary-color);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    padding: 0.5em 0;
    display: block;
}
.map-info-link:hover {
    color: white;
    background: var(--primary-color);
}

span.room_status {
    float:right;
}

#rooms-available, #count-apts {
    filter: var(--secondary-filter);
}

.text_en {
    display:inline-block;
    margin: 0;
}
.text_de {
    display:none;
    margin: 0;
}

#lng {
    display:none;
}

#lng {
    display:none;
}

.lng-switcher .bootstrap-select.btn-group:not(.input-group-btn), .lng-switcher .bootstrap-select.btn-group[class*=span], .lng-switcher .bootstrap-select.btn-group[class*=col-] {
    float: right!important;
}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*=span], .bootstrap-select.btn-group[class*=col-] {
    width: fit-content!important;
}

.persons-title.age .bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 50%;
    right: 3px;
    left: unset;
    margin-top: -2px;
    vertical-align: middle;

}

.persons-title.age .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width:100% !important;
}

.vhd__datepicker {
    top: inherit;
}

.vhd__datepicker > * {

    line-height: .875em!important;

}

.vhd__datepicker__month-day-wrapper {
    padding-top: calc(100% - 1px) !important;
}

.vhd__datepicker__wrapper {
    font-size: 15px!important;
}

.vhd__datepicker__tooltip--mobile {
    padding:1em!important;
    text-align: center !important;
}
/*
.vhd__datepicker__close-button {
    line-height: 2.286em!important;
}
*/

.vhd__datepicker__month-day--not-allowed.vhd__currentDay,
.vhd__datepicker__month-day--valid.vhd__datepicker__month-day--not-allowed,
.vhd__datepicker__month-day--valid.vhd__datepicker__month-day--not-allowed:hover {
    background-color: var(--primary-color)!important;
    color: #fff;
    font-weight: 400;
    cursor: default;
    background: transparent;
}

#mbres_searchbox_container_single p.title {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    display: inline;
    color: #fff;
}
.vhd__datepicker__month-button {
    border: none!important;
}

.vhd__datepicker__inner {
    padding: 0 0.5rem;
}

.vhd__datepicker__header {
    padding: .2em;
}

.vhd__datepicker .vhd__square:last-child {
    margin-bottom: 0.5em;
}

/*
.vhd__datepicker .vhd__show-tooltip .vhd__datepicker__months {
   margin-top: 10em!important;

}

 */

.gm-style-mtc-bbw .gm-style-mtc:first-of-type>button,
.gm-style-mtc-bbw .gm-style-mtc:last-of-type>button {
    height: 22px!important;
    font-size: 14px!important;
    padding: 0 10px!important;
}

span.separator {
    margin: 0 10px;
}

button.btn.dropdown-toggle.selectpicker.btn-default {
    border: none;
    background-color: inherit;
}

.MBRES_category-detail-gallery-secondary-images.more-images > *:last-child {
    position:relative;

}

.MBRES_category-detail-gallery-secondary-images.more-images > *:last-child {
    position:relative;

}

.MBRES_category-detail-gallery-secondary-images.more-images > *:last-child > img {
    filter: brightness(60%);

}


.image-overlay {
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    color: white;
    position: absolute;
    width: max-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.image-overlay span.text_de,
.image-overlay span.text_en {
    text-decoration: underline;

}

/* checkbox */
.switch-discount {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 12px;
}

.switch-discount input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-discount {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 1px;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider-discount:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 1px;
    bottom: 0px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input.discount:checked + .slider-discount {
    background-color: var(--primary-color);
}

input.discount:focus + .slider-discount {
    box-shadow: 0 0 1px var(--primary-color);
}

input.discount:checked + .slider-discount:before {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px);
}

/* Rounded sliders */
.slider-discount.round {
    border-radius: 80px;
}

.slider-discount.round:before {
    border-radius: 50%;
}


.value.non-ref {
   /*color:#aaa;*/
}

div.non-ref > p > span {
    vertical-align: text-bottom;
}

.switch-p {
    display: inline-block;
    width: 28px;
    height: 15px;
    vertical-align: middle;
}

.label.non-ref p {

    display: inline-block;
}
.text.non-ref {
    font-size: 14px;
}
.icon-map {
    vertical-align: sub;
}

@media screen and (min-width: 768px) {
    .vhd__datepicker__months {
        width: 100%!important;
    }
}

@media (max-width:1100px){
    .room_status {
        float:none!important;
    }

}


.x-scroll {
    margin-bottom: 20px;
    border-bottom: 1px solid lightgrey;
}

.left-arrow,
.right-arrow {
  display:none;
}


/* mobile */
@media (max-width: 769px) {
    .vhd__datepicker__months {
        margin-top: 1.3em!important; 
    }
    
    .left-arrow,
    .right-arrow {
      display:inline;
    }

    .vhd__datepicker__close-button {
        right: .35em;
        top: .35em;
        height: 0em;
        line-height: 1em;
    }

    label.persons-label {
        font-weight: bold!important;
        font-size: 0.9em!important;
        margin-top: 10px !important;
        margin-left: 5% !important;
        line-height: 1em !important;
        text-align: left!important;
        vertical-align: text-bottom;
        padding-left: 15px!important;
    }

    .persons-select {
        margin: 5% 0 5% 5% !important;
        padding: 0 !important;
    }

    .persons-select option {
        margin: 0 !important;
        padding: 0 !important;
    }


    select {
        background-position: 100% 50% !important;
    }

    .persons-title.age select {
        width: 99%;
    }

    .persons-title.age {
        padding: 0 5px!important;
        margin: 3% !important;
        width: 44% !important;
        border: 1px solid lightgrey!important;
    }



    #filters-btn {
        margin-left: 0;
    }

    .input-container.input-container-submit {
        margin-bottom: 0!important;
    }

    .filters-buttons-container {
        margin: 4% 0!important;
    }

    .filters-buttons-section > select {
        width: fit-content!important;
    }

    .flex-active-slide {
        transform: scale(1.15);
    }

    #mbres_aptlist_container ul.categories > li .slider .item {
        height: 200px;
    }

    #mbres_aptlist_container ul.categories > li .content p {
        max-height: 140px;
    }

    .subtitle,
    .room_status{
        display: block;
    }

    #mbres_searchbox_container_single p.title {
        font-size: 16pt!important;
    }

    .input-container-single.input-container-submit > div > div.entry-title {

        font-size: 1.3em!important;
        padding:  10px 10px 10px 0!important;

    }
    .lng-switcher {
        margin-bottom: 0;
    }

    .persons-label.single {
        margin-left: 20% !important;
    }


    .MBRES_category-detail-gallery-primary-images > *:nth-child(1) {
        width: 100%;
        margin-right: 0;
    }

    .MBRES_category-detail-gallery-secondary-images > * {
        width: calc((100% / 3) - 4.6px);
    }

    .MBRES_category-detail-apartment-tab {
        max-height: 4em!important;
        width: max-content;
    }

    .x-scroll {
        overflow-x: scroll;
    }

    ::-webkit-scrollbar{
        display: none;
        -webkit-appearance: none;
    }

    .vhd__datepicker.vhd__datepicker--open > .vhd__hide-on-desktop {
        display: none;
    }

    .vhd__datepicker__header-mobile {
        top: 2em!important;
    }


    .vhd__datepicker__inner {
        padding: 0!important;
    }


    .vhd__hide-up-to-tablet {
        display: block;
        box-shadow: none;
    }
    
    .vhd__datepicker__month {
        width: 100%!important;
        padding-right: 0!important;
        padding-top: 5em!important;
        height: 35em;
    }

  .vhd__datepicker .vhd__show-tooltip .vhd__datepicker__months {

      height: 100%!important;
  }
  
  
  .vhd__datepicker__month-name {
  /*  font-size: 16px!important; */
    font-weight: bold!important;
    margin: 0!important;
    padding: 0 0 1.625em!important;
    pointer-events: none!important;
    text-align: center!important;
    line-height: 2em!important;
    height: 2.5em!important;
    padding-top: .5em!important;
    margin-top: -3.125em!important;
  }
  
  .vhd__datepicker__tooltip--mobile {
    display:none!important;
  }
  

  
}