/* Navigation [START] */
body {
    height: auto;
}

.content_row {
    margin-right: 0;
}
.gs-widget-container img {
    height: 70px !important;
    width: unset !important;
}
.gs-widget-container {
    z-index: 1040!important;
    left: -145px !important;
    height: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
#greensign-widget-container {
    display: none;
    /* position: absolute;
    right: 250px;
    top: 20px; */
    width: 100px;
    border-radius: 3px;
    margin-bottom: 30px;
    background-color: white;
    /* z-index: 11; */
    /* height: 92px; */
    height: 100px;
    box-shadow: 0 2px 5px rgba(34, 34, 34, 0.15);
}
.gs-widget-container gs-position-text {
    background-color: white;
    width: -moz-fit-content;
    width: fit-content;
}
.gs-widget-container.is-open {
    background-color: white !important;
    width: 250px !important;
    border-radius: 5px !important;
    position: relative !important;
    box-shadow: 4px 4px 23px -9px #000000 !important;
    border: 3px #176731 solid;
    height: auto !important;
    max-height: unset !important;
}
.gs-widget-container .gs-circular-progress .gs-circle-percentage {
    margin-top: 0px !important;
}
.gs-widget-container.is-open .gs-close-button {
    display: block !important;
}
@media(max-width:992px){
    .gs-widget-container{
        display:none!important;
    }
    #greensign-widget-container {
        display: none !important;
    }
}
.gs-widget-container.is-open:not(.gs-position-text) {
    width: 300px!important;
}
.gs-widget-container .gs-circular-progress .gs-circle-image {
    height: auto !important;
}
.houseAmenities .dropdown-toggle .dropdown-title.last span.dropdown-rating {
    padding-left: 10px;
}
.houseAmenities .ahousetest:hover {
    text-decoration: none!important;
}
.houseAmenities .dropdown-toggle .dropdown-title.last .dropdown-number {
    width: 45px;
    height: 45px;
    padding: 5px;
    display: inline-block;
    border-radius: 50%;
    background: #293a88;
}
.houseAmenities .dropdown-toggle .dropdown-title.last.small .dropdown-number {
    width: 23px;
    height: 23px;
    padding: 5px;
    display: inline-block;
    border-radius: 50%;
    background: #293a88;
}
.houseAmenities .dropdown-toggle .dropdown-title.last.small .dropdown-number img {
    max-width: 15px!important;
}
@media(min-width:768px){
    .breadcrumb_inner {
        font-size: 12px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 10px;
    }
}
/* Navigation [END] */

/* Überschrift + Bewertung [Start] */

@media(max-width:768px){
    .titles h1 {
        font-size: 29px;
        color: #293a88;
        font-weight: 700;
        margin-top: 0;
    }

    div#collapse-tabs-0 {
        padding-top: 20px;
    }
}

@media(min-width:768px){
    .titles h1 {
        font-size: 42px;
        font-weight: 700;
        color: #fff;
        line-height: 0;
        text-shadow: 0 1px 3px rgba(0,0,0,.4);
    }
}
/* Überschrift + Bewertung [END] */

/* Bildergallerie [START] */
.filter{
    transition: all 0.5s ease-in-out;
    right:0;
}
.filter.moved{
    right: -1000px;
    position: absolute!important;
}

#salzburg-text {
    position: absolute;
    z-index: 100;
    color: #fff;
    top: 197px;
    left: 25px;
}

/* Buchungsformular [START] */
.cl_tripBg {
    width: 100% !important;
    height: auto;
    text-align: left;
    background: #293a88;
    box-shadow: 0 8px 26px -6px rgba(41,58,136,.3);
    border-radius: 3px;
    padding: 10px 25px;
    margin-bottom: 10px;
}

#bookingFormStep1Bottom {
    /*box-shadow: 0 8px 26px -6px rgba(41,58,136,.3);*/
    background-color: #293a88;
    border-radius: 3px;
    padding: 10px 20px;
}

@media (max-width: 992px) {
    #bookingFormStep1Bottom {
        padding: 5px 20px 10px;
    }
}

/* Buchungsformular [END] */
@media(min-width:768px){
    .detail_right {
        padding-top: 10px;
        margin-left: 0;
        width: 100% !important;
        max-width: 1170px;
        margin: 0px 24px;
    }
}

.detail_right_left {
    padding-left: 0;
    padding-bottom: 10px;
}

.detail_right_right {
    padding-right: 0;
}

.cl_headline {
    font-size: 12px;
    text-align: center;
    color: #333;
    line-height: 24px !important;
    font-family: 'Arial', sans-serif;
    margin: 0 !important;
    font-weight: 700;
}

.cl_inputKalender {
    z-index: 11;
    position: relative;
    border: 1px solid #ddd;
    font-size: 13px !important;
    color: #333 !important;
    line-height: 33px !important;
    height: 35px;
    width: 100%;
    padding-left: 10px;
    border-radius: 5px;
    font-family: 'Arial', sans-serif;
    background: url(https://cdn.aohostels.com/img/house/aohostels-kalender-icon.png) 145px center no-repeat #fff;
    background-position: right 10px center;
    margin: 0;
    cursor: pointer;
    font-family: 'Arial', sans-serif;
    text-align: left;
}

.btn_check {
    float: right;
    display: block;
    text-align: center;
    width: 100%;
    color: #3c3c3b;
    font-size: 14px !important;
    min-height: 43px;
    line-height: 0 !important;
    background: #fc0;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    cursor: pointer;
    margin: 0px !important;
    border: 0;
    border-radius: 5px;
    transition:.4s;
}

.btn_check:hover {
    background: #d8b306 !important;
}

.cl_cta:hover {
    background-position: 0 -35px !important;
}

.btn_disabled {
    float: right;
    display: block;
    text-align: center;
    width: 200px;
    color: #fff;
    min-height: 35px;
    font-size: 14px !important;
    font-family: 'Arial', sans-serif;
    cursor: pointer;
    margin-bottom: 25px;
    border: 0;
    border-radius: 5px;
}


.cl_persons_price {
    display: flex;
    justify-content: space-between;
    margin:2px 0px;
}

/* CL Select per Div*/
.cl_selecttext_27042015 {
    display: inline-block;
    font-size: 13px;
    color: #0b4c88;
    line-height: 33px;
    width: 100%;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
}

.cl_designselect_27042015 {
    position: relative;
    display: inline-block;
    height: 35px;
    width: 110%;
    border: 1px solid #c5c9d9;
    border-radius: 5px;
    cursor: pointer;
    text-align: left;
    background: #fff;
    z-index: 8;
}
.cl_designselect_27042015.HUF{
    width:110%;
}

.cl_selecticon_27042015 {
    background: url(https://cdn.aohostels.com/img/house/aohostels-select-icon.png) no-repeat right #fff;
    position: absolute;
    pointer-events: visible;
    top: 12px;
    right: 8px;
    width: 12px;
    height: 9px;
}

.cl_selectlist_27042015 {
    display: none;
    background: #fff;
    border: 1px solid #c5c9d9;
    padding: 0;
    position: absolute;
    top: 59px;
    left: 0;
    width: 92%;
    margin: 0;
    list-style-type: none;
    text-align: left;
    z-index: 9;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius: 0 0 5px 5px;
}

.cl_selectlist_27042015 li {
    font-size: 13px;
    color: #0b4c88;
    line-height: 140%;
    padding: 5px 5px 5px 10px;
}

.cl_selectlist_27042015 li:hover {
    background: #adadad;
    color: #0b4c88;
    cursor: pointer;
}

.selectlist_rooms {
    margin-top: -24px;
    margin-left: 10px;
    width: 100%;
}

#cl_ladeBox {
    position: relative;
    height: 200px;
    text-align: center;
}

#cl_ladeBox img {
    position: absolute;
    top: 50%;
    margin-top: -16px;
}

/* Kalender [START] */
.cl_inputKalender{
    z-index:11;
    position:relative;
    cursor:pointer;
    font-family:'Arial', sans-serif;
    font-size:13px !important;
    color:#333 !important;
    line-height:33px !important;
    height:35px;
    width:100%;
    padding-left:10px;
    border: 1px solid #ddd;
    border-radius:5px;
    margin:0;
    outline: 0;
}

@media(min-width:992px){
    .cl_kalender{
        position:absolute;
        top:70px;
        left:14px;
        width:381px;
        display:none;
        z-index:99;
    }
}
@media(max-width:992px){
    .cl_kalender {
        position: absolute;
        top: 100px !important;
        display: none;
        z-index: 99;
    }
}
@media (min-width: 768px) {
    div#cl_kalenderendXs {
        right: 22px !important;
        left: auto !important;
    }

    div#cl_kalenderbeginXs .cl_kalenderBG {
        position: absolute;
        left: 18px;
        right: auto;
    }

    div#cl_kalenderendXs .cl_kalenderBG {
        position: absolute;
        right: 0;
        left: auto;
    }
}

#cl_kalenderend2{
    top: 77px;
    left: 0;
}
.cl_kalenderBG {
    display:inline-block;
    width:368px;
    position:relative;
    background:#fff;
    border-radius:5px;
    border:1px solid #c5c9d9;
}
@media(max-width:400px){
    .cl_kalenderBG {
        width:83%;
    }
}
.cl_kalenderBG:after, .cl_kalenderBG:before{
    bottom:100%;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
}
.cl_kalenderBG:after{
    border-color:rgba(255, 255, 255, 0);
    border-bottom-color:#fff;
    border-width:10px;
    margin-left:-10px;
}
.cl_kalenderBG:before{
    border-color:rgba(197, 201, 217, 0);
    border-bottom-color:#c5c9d9;
    border-width:11px;
    margin-left:-11px;
}
#cl_kalenderbegin2 {
    top: 77px;
    left: 0;
}
.cl_kalenderbegin .cl_kalenderBG:after, .cl_kalenderbegin .cl_kalenderBG:before{left:23%;}
.cl_kalenderend .cl_kalenderBG:after, .cl_kalenderend .cl_kalenderBG:before{left:77%;}
#cl_kalenderbegin2 .cl_kalenderBG:after, #cl_kalenderbegin2 .cl_kalenderBG:before{left:18%;}
#cl_kalenderend2 .cl_kalenderBG:after, #cl_kalenderend2 .cl_kalenderBG:before{left:60%;}
@media(min-width:992px){
    .cl_kalender table{border-spacing:0;float:left;border-right:1px solid #c5c9d9 !important;text-align:center;width:50% !important;}

}
@media(max-width:992px){
    #cl_kalenderbegin1 {
        top: 70px!important;
        left: 14px;
    }
    #cl_kalenderend1 {
        top: 70px!important;
        left: 14px;
    }
    #cl_kalenderbegin2 {
        top: 77px!important;
    }
    #cl_kalenderend2 {
        top: 77px!important;
    }
}
.cl_kalender table#cl_kalenderTable2{border-right:0 !important;}
.cl_kalender td{text-align:center;width:25px;font-family:'Arial',sans-serif;line-height:25px;color:#adadad;font-size:11px;padding:1px;}
.cl_kalender thead th{line-height:25px !important;color:#014c87 !important;font-size:13px !important;font-family:'Arial',sans-serif !important;width:25px !important;text-align:center !important;vertical-align:middle !important;}
#cl_theadLeft, #cl_theadRight{cursor:pointer;}
#cl_headNumbers td{
    background:#0b4c88;
    color:#fff;
    font-size:11px;
    line-height:27px;
    font-weight:700;
    font-family:'Arial',sans-serif;
    cursor:default;
}
.cl_kalender td.cl_available{color:#0b4c88;cursor:pointer;}
.cl_kalender td.cl_notAvailable{color:#0b4c88;}
.cl_kalender td.cl_available:hover{background:#3d81d0;color:#fff;}
.cl_kalender td.cl_activeB, .cl_kalender td.cl_activeE{background:#0b4c88;color:#fff;}
.cl_kalender td.cl_diffDays{background:#dbe4f6;color:#0b4c88;}

::-webkit-input-placeholder { color:#293a88 !important; }
::-moz-placeholder { color:#0b4c88; } /* firefox 19+ */
:-ms-input-placeholder { color:#0b4c88; } /* ie */
input:-moz-placeholder { color:#0b4c88; }
/* Kalender [END] */

/* TAB Allgemein [START] */
.tab-content {
    padding-top: 20px;
}
.tab-content {
    display: none;
}
.tab_drawer_heading { display: none;
}

@media screen and (max-width: 767px) {
    .tabs {
        display: none;
    }
    .tab-content {
       padding: 20px 10px;
    }
    .tab_drawer_heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
        padding: 20px;
        font-size: 16px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border:1px solid #ddd;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        margin: 0;
    }
    .tab_drawer_heading:hover {
        text-decoration: underline;
    }
    .tab-content {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border: 1px solid #ddd;
    }
    .d_active {
        background-color: #f5f5f5;
        color: #000000;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-color: #ddd;

    }
}

.nav > li > a:hover, .nav > li > a:focus {
    background: none;
}
#cl_tabsFirst a{
    padding-left: 0 !important;
}

/* TAB Allgemein [END] */

/* TAB1 [START]*/
.services{
    line-height: 12px;
}
@media (min-width: 425px){
    .services{
        line-height: 23px;
    }
}
.services {
    width: 50%;
    height: 25px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #000;
}
@media (min-width:600px){
    .services {
        width: 25%;
    }
    .tabs-ru .services{
        width: 33%;
    }
}
.services:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.service_text {
    padding-left: 30px;
    vertical-align: middle;
    display: inline-block;
}

@media (max-width: 768px) {
    .row-distance {
        margin-left: 0px;
    }
    .barmenu-link-mobile {
        margin-top: 0;
    }
}

.description {
    padding: 25px 0 0 0;
}
.description h2 {
    font-size: 16px;
    font-weight: 700;
}

.hausseite_checkout_in {
    float: left;
    margin-right: 20px;
}

.hausseite_checkout_out {
    float: left;
}

.hausseite_checkout_weekend {
    float: right;
}

.mention-box {
    margin: 30px 0;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0 8px 26px -6px rgba(41,58,136,.3);
}

.mention-box h4 {
    font-size: 24px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin: 10px 0 20px 0;
}

@media (max-width: 768px) {
    .mention-box h4 {
        margin: 10px 10px;
    }
}

.hide_mentions {
    display:none;
}

#link_to_hide a {
    font-size: 12px;
    color: #0b4c88;
    line-height: 140%;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 700;
}

div#link_to_hide {
    padding-left: 0;
}

.specialty {
    padding: 0;
}
/* TAB1 [END]*/

/* TAB2 [START] */
div#tabs-2 {
    overflow: hidden;
}

div#tabs-2 h5 {
    font-size: 12px;
    font-weight: 700;
    color: #005caa;
    margin-bottom: 5px;
}
/* TAB2 [END] */

/* TAB3 [START] */
/* TAB3 [END] */

/* Buchugnsformular (unten) [START] */
p.hausseite_checkout.hausseite_checkout_out.late_checkout {
    margin-left: 20px;
    font-weight: bold;
    color: #ef5934;
}
@media(min-width:992px){
    .col-md-12.bookingform {
        padding-bottom: 10px;
        width: calc(125% + 45px);
        position: relative;
        left: calc(-25% - 45px);
        border-bottom: 0!important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
}
/* Buchugnsformular (unten) [END] */

/* Ergebnis [START] */
#result {
    border-bottom: 1px solid #293a88;
    padding: 0;
}

.cat_content {
    margin-left: 0;
}

.filter_cat {
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 45px;
    border-bottom: 1px solid #c5c9d9;
}

.filter_cat::not(:last-child) {
    border-bottom:none;
}

.filter_cat.last {
    border-bottom: 0;
    padding-bottom: 0;
}

span.labelFilter {
    font-weight: bold;
}

span.labelFilter:hover {
    cursor: pointer;
}

.availability_div {
    padding-left: 15px;
    border-right: 1px solid #c5c9d9;
    padding-right: 0;

}

.availability_inner_div {
    padding-right: 15px;
}

.cl_groupBox {
    padding: 90px 40px;
    text-align: center;
    position: relative;
}

.cl_groupBox span {
    background: url(https://cdn.aohostels.com/img/house/aohostels-arrow.png) no-repeat;
    width: 89px;
    height: 74px;
    position: absolute;
    top: 30px;
    left: 75px;
}

.pay_in_euro {
    padding: 0;
    color: #293a88!important;
    font-size: 10px;
    font-weight: bold;
}

@media(min-width:992px){
    .cl_groupBox span {
        background: url(https://cdn.aohostels.com/img/house/aohostels-arrow.png) no-repeat;
        width: 89px;
        height: 74px;
        position: absolute;
        top: 30px;
        left: 75px;
    }
}

@media(max-width:992px){
    .cl_groupBox span {
        background: none;
    }
}

#error_box {
    display:none;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(197, 201, 217);
}

#cl_groupHeadline {
    font-size: 18px !important;
    color: #293a88 !important;
    line-height: 140% !important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
}

.cl_roomHeadline, .cl_roomHeadline_first {
    font-size: 18px;
    color: #293a88 !important;
    line-height: 120%;
    margin-bottom: 2px;
    font-weight: 700;
    margin-top: 25px;
    margin-left: -15px;
}
.cl_roomHeadline, .cl_roomHeadline_first.HUF{
    font-size: 15px;
}

.cl_roomHeadline span, .cl_roomHeadline_first span {
    padding-left: 15px;
}
.filter {
    background: #edf1fa;
    padding: 15px 0 10px 0;
    font-family: 'Arial',sans-serif;
    font-size: 14px;
    color: #293a88;
    line-height: 20px;
    float: left;
}
.filter_checkbox {
    font-size: 12px;
    color: #0b4c88;
    line-height: 22px;
    float: left;
    margin: 0 25px 0 0;
    padding:0;
}

.checkbox_filter {
    cursor: pointer;
}

.filterContainer {
    cursor: pointer;
    transition: .4s;
}

.filterContainer:hover {
    opacity: .7;
}

.filterContainer label {
    pointer-events: none;
}

.form-group {
    margin: 0;
}

.form_header_col {
    padding-left: 0;
}
.form_header_col.price {
    margin-left: -5px;
}

.form_header {
    background: #293a88;
    padding: 5px 15px;
    font-family: 'Arial',sans-serif;
    font-size: 14px !important;
    color: #fff !important;
    line-height: 140% !important;
    float: left;
    font-weight: 700;
}



.form_header_inner {
    padding-left: 0;
}

.cl_available1{font-weight: 700;color:#0f7d00 !important;}
.cl_available2{font-weight: 700;color:#e26902 !important;}
.cl_available3{font-weight: 700;color:#ce4103 !important;}

.cl_roomDescriptionHeadline {
    font-size: 16px;
    color: #293a88;
    line-height: 120%;
    font-weight: 700;
    margin: 0;
}

.cl_icon.cl_infoIcon {
    background: url(https://cdn.aohostels.com/img/house/aohostels-information-icon-blue.png) no-repeat;
    background-size: 12px;
    cursor: pointer;
}
.cl_discountIcon {
    background: url(https://cdn.aohostels.com/img/house/Icon_Fragezeichen.png) no-repeat !important;
    padding-right: 2px;
}
.cl_roomDescriptionSubline {
    font-size: 12px;
    color: #293a88 !important;
    line-height: 140%;
    margin: 0;
    padding-bottom: 3px;
}

.cl_fixBox {
    float: right;
    border-bottom: 1px solid #c5c9d9;
    margin-bottom: 3px;
    padding-left: 0;
}

.cl_flexBox {
    float: right;
    margin-bottom: 5px;
    padding-left: 0;
}

.cl_fixBox_inner, .cl_flexBox_inner {
    padding: 0;
}

.cl_fixContent {
    top:-25px;
    left:62px;
    z-index:15;
    position: absolute
}
.cl_fixContent div {
    width:165px;
}
.cl_flexContent {
    top:-30px;
    left:80px;
    z-index:15;
    position: absolute
}
.cl_flexContent div {
    width:190px;
}

.cl_discountContent {
    top: -15px;
    left: 564px;
    z-index: 15;
    position: absolute;
}
.cl_discountContent div {
    width:165px;
}
.cl_flexContent div p, .cl_fixContent div p, .cl_discountContent div p{
    margin-bottom:5px;
}

p.cl_iconInfoHeadline {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.cl_hover div {
    position: relative;
    background: #fff;
    border: 1px solid #c5c9d9;
    padding: 10px 5px 10px 15px;
    border-radius: 5px;
    z-index: 10;
}

.cl_hover div:after, .cl_hover div:before {
    right: 100%;
    top: 21%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.cl_hover div:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    margin-top: -10px;
}
.cl_hover div:before {
    border-color: rgba(197, 201, 217, 0);
    border-right-color: #c5c9d9;
    border-width: 11px;
    margin-top: -11px;
}

.cl_hoverLeft div {
    padding: 10px 5px 10px 15px;
}
.cl_hover div ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.cl_hover div p {
    font-size: 12px;
    color: #293a88 !important;
    line-height: 140%;
    margin: 0;
}



.cl_hover div ul li,
.cl_hover li{
    background: url(https://cdn.aohostels.com/img/house/aohostels-kalender-check.png) 0 4px no-repeat;
    padding-left: 15px;
    font-size: 12px;
    color: #293a88 !important;
    line-height: 140%;
    margin: 0;
}

li.kronen {
    background: url(https://cdn.aohostels.com/img/kc.png) 0 4px no-repeat !important;
}

.cl_breakfastContent{
    bottom: -105px;
    left: 15px;
    position: absolute;
}
.cl_hoverTop div{
    width:145px;position:relative;background:#fff;border:1px solid #c5c9d9;padding:10px 5px 10px 15px;border-radius:5px;z-index:10;}
.cl_hoverTop div:after, .cl_hoverTop div:before{
    bottom: 100%;
    left: 26%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.cl_hoverTop div:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.cl_hoverTop div:before {
    border-color: rgba(197, 201, 217, 0);
    border-bottom-color: #c5c9d9;
    border-width: 11px;
    margin-left: -11px;
}

.cl_hoverTop div p {
    font-size: 12px;
    color: #293a88 !important;
    line-height: 140%;
    margin: 0;
}

.cl_detailsContent {
    top: 35px;
    right: -100px;
    position: absolute;
}

.cl_hoverTopRight div{
    width:280px;position:relative;background:#fff;border:1px solid #c5c9d9;padding:10px 5px 10px 15px;border-radius:5px;z-index:10;}
.cl_hoverTopRight div:after, .cl_hoverTopRight div:before{
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.cl_hoverTopRight div:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.cl_hoverTopRight div:before {
    border-color: rgba(197, 201, 217, 0);
    border-bottom-color: #c5c9d9;
    border-width: 11px;
    margin-left: -11px;
}

.cl_hoverTopRight div p {
    font-size: 12px;
    color: #293a88 !important;
    line-height: 140%;
    margin: 0;
}
.cl_rommDetailLink {
    font-size: 12px;
    color: #293a88 !important;
    line-height: 23px;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    float: right;
    display: inline-block;
    margin: 0;
    padding-right: 5px;
}

.lowest-price {
    font-size: 20px;
    color: #293a88 !important;
    line-height: 120%;
    margin: 0px;
    font-weight: 700;
    padding: 0;
    text-align: right;
}




.lowest-price.EUR, .lowest-price.GBP, .lowest-price.USD, .lowest-price.CHF, .lowest-price.NOK,.lowest-price.PLN{
    font-size: 16px;
}
.lowest-price.DKK{
    font-size: 13px;
}
.lowest-price.HUF {
    font-size: 13px;
}
.lowest-price.CZK{
    font-size: 15px;
}

.group_price {
    color:#000 !important;
}

.group_price.HUF{
    font-size: 18px;
    padding-right: 14px;
}
.group_price.EUR{
    font-size: 18px;
    padding-right: 14px;
}
.group_price.GBP{
    font-size: 18px;
    padding-right: 14px;
}
.group_price.USD{
    font-size: 18px;
    padding-right: 14px;
}
.group_price.DKK{
    font-size: 18px;
    padding-right: 14px;
}

.group_price.CHF{
    font-size: 18px;
    padding-right: 14px;
}

.group_price.CZK{
    font-size: 18px;
    padding-right: 14px;
}

.group_price.NOK{
    font-size: 18px;
    padding-right: 14px;
}
.group_price.PLN{
    font-size: 18px;
    padding-right: 14px;
}

.select_cat {
    padding: 0;
    padding-left: 10px;
    margin-top: 5px;
    float: right;

}
.select_cat.HUF{
    float: right;
}
.sel_cat {
    display: inline-block;
    font-size: 13px;
    color: #0b4c88;
    border: 1px solid #c5c9d9;
    border-radius: 5px;
    height: 35px;
    width: 100%;
    padding-left: 10px;
    padding-right: 25px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(https://cdn.aohostels.com/img/house/aohostels-select-icon.png) no-repeat right #fff;
    background-position: right 10px center;
}

.last_cat {
    padding-bottom: 25px;
}

/* Ergebnis [END] */

/* Ergebnis der Kategorieauswahl [START] */
.cl_ctaHeadline {
    font-size: 14px;
    color: #000 !important;
    line-height: 140%;
    margin-bottom: 5px;
}

#cl_roomCtaBox {
    padding-left: 8px;
}

#cl_roomCtaBox .cl_ctaSubline {
    font-size: 12px;
    color: #000 !important;
    margin-bottom: 10px;
}
#cl_roomCtaBox .cl_ctaCheckHeadline {
    font-size: 12px;
    color: #000 !important;
    line-height: 140%;
    margin-bottom: 5px;
}
#cl_roomCtaBox #cl_ctaCheckHeadline2 {
    margin-top: 25px;
}

#cl_roomCtaBox .cl_ctaChecklist {
    list-style-type: none;
    margin-bottom: 10px;
    padding-left: 0;
}

#cl_roomCtaBox .cl_ctaChecklist li {
    background: url(https://cdn.aohostels.com/img/house/aohostels-kalender-check-black.png) 0 4px no-repeat;
    padding-left: 15px;
    font-size: 12px;
    color: #000 !important;
    line-height: 140%;
    margin-bottom: 4px;
}

.pa-btn_uebersicht_textlink_div a {
    color:#000;
    display: block;
    padding-bottom:10px;
    margin-top:50px;
    font-size:10px;
}

.cl_ctaPrice {
    font-size: 32px;
    color: #293a88 !important;
    line-height: 120%;
    font-weight: 700;
    text-align: right;
    margin-bottom: 0;
}

.cl_ctaPrice.EUR{
    font-size: 19px;
}
.cl_ctaPrice.GBP{
    font-size: 19px;
}
.cl_ctaPrice.USD{
    font-size: 19px;
}
.cl_ctaPrice.DKK{
    font-size: 19px;
}
.cl_ctaPrice.CHF{
    font-size: 19px;
}
.cl_ctaPrice.HUF {
    font-size: 16px;
}
.cl_ctaPrice.CZK{
    font-size: 19px;
}
.cl_ctaPrice.NOK{
    font-size:20px;
}
.cl_ctaPrice.PLN{
    font-size: 22px;
}


.cl_ctaPriceSubline {
    font-size: 11px;
    color: #293a88 !important;
    line-height: 140%;
    margin-bottom: 10px;
    text-align: center;
}

.cl_ctaInfoTxt {
    background: url(https://cdn.aohostels.com/img/house/aohostels-information-icon-orange.png) 0 1px no-repeat;
    padding-left: 18px;
    font-size: 11px;
    color: #e26902 !important;
    line-height: 120%;
    margin-bottom: 8px;
    margin-top: -5px;
    font-weight: 700;
    padding-top: 2px;
}

.cl_ctaDesc {
    width: 180px;
    text-align: center;
    font-size: 11px;
    color: #000 !important;
    line-height: 140%;
    margin-bottom: 25px;
    margin-top: 55px;
}
.btn_res {
    width: 100%;
}

.btn_res:hover{
    color: #fff;
}
/* Ergebnis der Kategorieauswahl [END] */

/* Bestprice-Popup*/
#cl_mainoverlaybox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

#cl_overlaycontentbox {
    width: 840px;
    height: 490px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -420px;
    margin-top: -245px;
    z-index: 41;
    border-radius: 10px;
    background: #fff;
}

#cl_overlay {
    background: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.8;
    z-index: 40;
    cursor: pointer;
}

#cl_overlayDescHeadline {
    font-size: 20px;
    color: #ff782a;
    line-height: 120%;
    margin-bottom: 15px;
}

.cl_closeOverlay {
    position: absolute;
    right: 10px;
    text-align: right;
    font-size: 14px !important;
    color: #fff;
    line-height: 15px;
    cursor: pointer;
}
#cl_closeOverlay1 {
    top: 15px;
}
#cl_closeOverlay2 {
    bottom: 25px;
}
#cl_overlayDesc {
    margin-left: 30px;
    float: left;
}

#cl_overlayquote {
    float: right;
    font-size: 20px;
    color: #034982;
    margin-right: 30px;
}
input.btn.btn_disabled.btn_res {
    cursor: auto !important;
}

.bestprice_header_de {
    background: url(https://cdn.aohostels.com/img/house/Bestpreis_DE.png) no-repeat;
    background-position-x: 30px;
    height: 100px;
}

.bestprice_header_en {
    background: url(https://cdn.aohostels.com/img/house/Bestpreis_ENG.png) no-repeat;
    background-position-x: 30px;
    height: 100px;
}

.bestprice_header_nl {
    background: url(https://cdn.aohostels.com/img/house/Bestpreis_NL.png) no-repeat;
    background-position-x: 30px;
    height: 100px;
}
.bestprice_header_text {
    background-color: #293a88;
    width: 100%;
    font-size: 22px;
    color: #fff;
    z-index: -1;
    padding: 10px 15px 10px 30px;
    margin-bottom: 20px;
    text-align: left;
}

@media(max-width:768px){
    .btool_down {
        position: fixed;
        bottom: 0;
        background-color: #ff782a;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        color: #fff;
        font-size: 18px;
        margin: 0;
        width: 100%;

    }
    .newCategoriesContainer.filter_cat{
        padding-bottom: 35px!important;
    }
}

@media(min-width:768px) and (max-width:992px){
    .houseAmenities{
        left: 0px;
        top: 0px;
        transform: scale(0.8);
    }
    .btn_check {
        margin-top:32px;
    }
    .btool_down {
        position: fixed;
        bottom: 0;
        background-color: #ff782a;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        color: #fff;
        font-size: 18px;
        width: 100%;
        margin: 0;
    }

}
#cl_scrollBox {
    position: inherit;
    padding-bottom: 50px;
}

.tooltip > .tooltip-inner {
    background-color: #fff;
    color: #293a88;
    border: 1px solid #c5c9d9;
    font-size: 12px;
}
/* Tooltip on top */
.tooltip.top > .tooltip-arrow {
    border-top: 5px solid #c5c9d9;
}
/* Content [END] */

/*START address-picker */
.btn-group-form {
    color: #fff;
    background-color: #f78200;
    border-color: #f78200;
}
.btn-group-form:focus,
.btn-group-form.focus {
    color: #fff !important;
    background-color: #ef5934;
    border-color: #ef5934;
}
.btn-group-form:hover {
    color: #fff;
    background-color: #f76200;
    border-color: #f76200;
}
.btn-group-form:active,
.btn-group-form.active,
.btn-group-form.disabled,
.btn-group-form[disabled],
fieldset[disabled] .btn-group-form,
.btn-group-form.disabled:hover,
.btn-group-form[disabled]:hover,
fieldset[disabled] .btn-group-form:hover,
.btn-group-form.disabled:focus,
.btn-group-form[disabled]:focus,
fieldset[disabled] .btn-group-form:focus,
.btn-group-form.disabled.focus,
.btn-group-form[disabled].focus,
fieldset[disabled] .btn-group-form.focus,
.btn-group-form.disabled:active,
.btn-group-form[disabled]:active,
fieldset[disabled] .btn-group-form:active,
.btn-group-form.disabled.active,
.btn-group-form[disabled].active,
fieldset[disabled] .btn-group-form.active {
    background-color: #ef5934;
    border-color: #ef5934;
    color: #fff;
}

/*START address-picker*/

span.twitter-typeahead, span.tt-dropdown-menu {
    width: 100% !important;
}


.typeahead, .tt-query, .tt-hint {
    font-size: 14px;
    width: 100%;
}
.typeahead {
    background-color: #FFFFFF;
}
.typeahead:focus {
    border: 2px solid #0097CF;
}
.tt-input {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    font-size: 14px;
    /*font-weight: bolder;*/
}
.tt-hint {
    color: #999999;
    opacity: 0.9;
    font-size: 14px;

}
.tt-dropdown-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 5px;
    padding: 8px 0;
    width: 422px;
    font-size: 15px;
}
.tt-suggestion {
    line-height: 24px;
    padding: 3px 20px;
}
.tt-suggestion.tt-cursor {
    background-color: #0097CF;
    color: #FFFFFF;

}
.tt-suggestion p {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}
.tt-dropdown-menu, .gist {
    text-align: left;
    font-size: 12px;
}
.embed-responsive{
    display: none;
    min-height: 205px;
}
/*END address-picker*/

/* ÄNDERUNGEN 20.05.2016 START */
.clear{clear:both;}
.cl_cta_box{text-align:center;margin:20px 0;}
.cl_cta{background:#ef5934;height:35px;width:100%;color:#fff;font-size:14px;line-height:35px;cursor:pointer;max-width:250px;text-align:center;border-radius:5px;display:inline-block;margin:0;}
.cl_cta:hover{background-position:0 -35px;}
.cat_content{clear:both;}
@media (min-width: 768px){
    .form_elements{padding-left:0px;padding-right:5px;}
    .detail_left{
        width: 45%;
    }
}
@media only screen and (max-width: 992px){
    #cl_kalenderend2{left: 0;}

    #cl_kalenderend2 .cl_kalenderBG:after, #cl_kalenderend2 .cl_kalenderBG:before {
        left: 77% !important;
    }

    .content_row{margin-left:0;}
    .cl_groupBox span{background: url(https://cdn.aohostels.com/img/house/aohostels-arrow.png) no-repeat;}
}
@media only screen and ( max-width: 767px){
    #cl_roomCtaBox{display:none;}
}
@media only screen and (max-width: 767px){
    .cl_groupBox span{background:none;}
    .content_row{padding:0 5px;}
    .cat_content{margin-right:-5px;margin-left:-5px;}
    div#collapse-tabs-0{padding-top:0px;}
    .hausseite_checkout_weekend{float:left;}
    .hausseite_checkout_out{margin-right:20px;}
    .last_form_element{width:50%;}
    .col-md-12.bookingform{background:none;padding:0;}
    .col-md-12.bookingform form{background:#dbe4f6;padding:15px 25px 10px 25px;margin:0 -10px;border-top:1px solid #c7cfdf;}
    .form_elements{margin-bottom:15px;padding-right:20px;}
    .form_element_children{padding-right:20px;}
    .mobile-btn{text-align:center;}
    .mobile-btn .btn_check{float:none;display:inline-block;margin:5px 0 10px 0;background:url(https://cdn.aohostels.com/img/cta-bg.jpg) repeat-x;width:260px;}
    #result .filter{background:none;margin:0;padding:0;}
    #result .filter-content{margin:0 -10px;background:#fff;padding:15px 15px 0 15px;border-bottom:1px solid #c7cfdf;}
    .form-horizontal .form-group{margin: 0;width:100%;float:left;padding-right:15px;padding-left:15px;}
    .filter_checkbox{margin-top:6px;}
    .filter_checkbox .form-group.second-form-group{padding-left:0;}
    .form_element_button {
        padding-left: 50px;
    }
    #cl_roomCtaBox{display:none;}
    .availability_div_group{padding-left:10px;padding-right:10px;border-right:0;}

    .availability_div{padding-left:0;}
    .pic-responsive-content{margin-top:20px;margin-bottom: 0px;}
    .pic-responsive-content_group{margin-top:20px;margin-bottom:15px;padding-right:0;}
    .img-responsive{width:100%;}
    .cl_roomHeadline{line-height:140%;margin:0 0 5px 8px;}
    .cl_roomHeadline_first{margin-top:0;margin-left:-5px;}
    .cl_available1{padding-left:10px;font-size:14px;}
    .cl_rommDetailLink{float:none;display:block;text-align:right;font-size:14px;margin-bottom:2px;}
    .cl_detailsContent{right:15px;top:25px;}
    .filter_cat{padding-bottom:0;}
    .cl_hoverTopRight div:after, .cl_hoverTopRight div:before{left:90%;}
    .cat_icons{text-align:right;margin-top:2px;position:relative;}
    .cl_breakfastContent{left:inherit;bottom:inherit;right:15px;top:50px;text-align:left;}
    .cl_hoverTop div:after, .cl_hoverTop div:before{left:90%;}
    .cl_hoverTop.withDiscount div:after, .cl_hoverTop.withDiscount div:before {left:58%}
    .cl_hoverTop.Discount div:after, .cl_hoverTop.Discount div:before {left:85%}
    .cl_fixBox, .cl_flexBox{float:left;padding-left:25px;border:0;margin-top:0px;}
    .cl_roomDescriptionHeadline{font-size:18px;line-height:35px;}
    .cl_roomDescriptionSubline{margin-left:-15px;margin-right:0px;font-size:14px;}
    .lowest-price{font-size:26px;line-height:35px;margin-top:0;}
    .lowest-price.HUF{font-size: 13px;}
    .lowest-price.NOK{margin-left: -4px;}

    .group_price.HUF{padding:14px;}



    .select_cat{margin-top:0;}
    .cl_fixBox .cl_roomDescriptionSubline{border-bottom:1px solid #c5c9d9;padding-bottom:18px;margin-bottom:5px;margin-top:18px;}
    .cl_flexBox .cl_roomDescriptionSubline{margin-top:18px;margin-bottom:10px;}
    .cl_roomDescriptionSubline br{display:none;}
    .cl_icon.cl_infoIcon{background:url(https://cdn.aohostels.com/img/info-icon-big.png) no-repeat;background-size:100%;width:23px;height:23px;display:inline-block;vertical-align:top;margin:5px 0 0 5px;}
    .cl_fixContent{top:-15px;left:66px;}
    .cl_flexContent{top:-22px;left:85px;}
    #result{border-bottom:0;margin-bottom:10px;}
    .cl_groupBox{padding:15px 15px 25px 15px;background:#fff;border-bottom:1px solid #c7cfdf;margin-left:-5px;margin-right:-5px;}
    #cl_groupHeadline{font-size:14px !important;display:inline-block;background:url(https://cdn.aohostels.com/img/reisezeitraum-arrow-small.png) no-repeat;padding: 0;}
    span.labelFilter{font-weight:400;font-size:12px;display:inline-block;margin-left:5px;}
    #result .filter-content{padding:15px 10px 0 10px;}

    #cl_mobile_nextstep{position:fixed;top:0;left:0;z-index:12;background:#eef1fb;padding:0;}
    .cl_interactive_ctas{padding:20px;}
    .cl_backTo{position:relative;margin-left:20px;font-size:12px;color:#293a88;line-height:35px;text-decoration:underline;cursor:pointer;display:inline-block;float:left;font-weight:700;}
    .cl_backTo:before{content:"";background:url(https://cdn.aohostels.com/img/arrow-back-to.png) no-repeat;width:9px;height:13px;position:absolute;top:11px;left:-20px;}
    .cl_next_cta_box{float:right;width:190px;}
    .cl_next_cta_box .btn_check{float:none;line-height:140% !important;}
    .cl_next_cta_box p{font-size:11px;color:#293a88;line-height:140%;margin:5px 0 0 0;}
    #cl_mobile_result{background:#fff;border-top:1px solid #c7cfdf;border-bottom:1px solid #c7cfdf;padding:25px 20px 20px 20px;}
    .cl_ctaSubline{font-size:14px;color:#293a88;line-height:140%;margin-bottom:15px;}
    .cl_ctaCheckHeadline{font-size:13px;color:#000;line-height:140%;font-weight:700;margin-bottom:5px;}
    .cl_ctaChecklist{list-style-type:none;margin-bottom:10px;padding-left:0;}
    .cl_ctaChecklist li{background:url(https://cdn.aohostels.com/img/mobile-check.png) 0 4px no-repeat;padding-left:18px;font-size:14px;color:#293a88 !important;line-height:140%;margin-bottom:4px;}
    .cl_ctaPriceBox{border-top:1px solid #c7cfdf;padding-top:15px;margin-top:25px;}
    .cl_ctaPriceSubline{margin-bottom:0;}
    .bodycontainer{display:none;}
    .pay_in_euro {background: #ffffff; font-size: 12px; padding: 15px; border-top: 1px solid #c7cfdf; border-bottom: 1px solid #c7cfdf;}
    /*  body{background:#eef1fb;}*/

}
@media only screen and (max-width: 399px){
    .col-md-12.bookingform form{padding:10px;}
    .first_form_elements, .third_form_elements{padding-right:10px; padding-left: 10px}
    .second_form_elements, .last_form_element{padding-right:0px;padding-left:10px;}
    .last_form_element .form_element_children_label{padding-left:15px;}
    .last_form_element .form_element_children{padding-left:15px;padding-right:15px;}
    .cl_roomDescriptionHeadline{font-size:16px;}
    .lowest-price{font-size:24px;}
    .availability_div{padding-left:0px;padding-right:0px;}
    #result .filter-content{padding:15px 0 0 0;}
    .cl_next_cta_box{width:150px;}
    .cl_next_cta_box br{display:none;}
}


@media (max-width: 768px) {
    .last_form_element{width:50%;}
}


.clear{clear:both;}
.cl_newChoicebox{width:auto !important;display: inline-block;}
.anz_less, .anz_less_new, .anz_less_gbt, .anz_less_opt{display:inline-block;width:33%;border:1px solid #293a88;border-radius:5px 0 0 5px;text-align:center;background:#293a88;color:#fff;height:35px;line-height:33px;float:left;font-size:28px;cursor:pointer;position:relative;}
.anz_less:before, .anz_less_new:before, .anz_less_gbt:before, .anz_less_opt:before{content:"";background:url(https://cdn.aohostels.com/img/minus-icon.png) no-repeat;width:12px;height:2px;position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-1px;}
.input_choice{display:inline-block;width:34%;border:1px solid #c5c9d9;border-left-color:#fff;border-right-color:#fff;text-align:center;background:#fff;color:#000 !important;height:35px;line-height:33px;font-size:14px;float:left;}
.input_choice:focus{outline:none;}
.anz_more, .anz_more_new, .anz_more_gbt, .anz_more_opt{display:inline-block;width:33%;border:1px solid #293a88;border-radius:0 5px 5px 0;text-align:center;background:#293a88;color:#fff;height:35px;line-height:33px;float:left;font-size:28px;cursor:pointer;position:relative;}
.anz_more:before, .anz_more_new:before, .anz_more_gbt:before, .anz_more_opt:before{content:"";background:url(https://cdn.aohostels.com/img/plus-icon.png) no-repeat;width:12px;height:12px;position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-6px;}
.cl_dutyText{font-size:11px;color:#293a88;line-height:120%;margin:5px 0 0 0;text-align:center;}
.col-md-12.bookingform{padding-bottom:10px;}
.form_elements, .detail_right_left, .detail_right_right, .form_element_children_label, .cl_col_adult, .cl_col_children{text-align:left;}
.booking_xs .btn_check{margin-top:24px;}
.cl_headline{height:25px;}
.cl_headline span{font-size:11px;font-weight:400;}
.cl_col_adult{padding-right:8px;}
.cl_col_children{padding-left:8px;}
.form_header_group{padding:10px 15px;margin-top:20px;}
.form_header_inner{padding:0;}
.form_header_inner_right{text-align:right;font-weight:400;}
.filter_cat{margin-top:45px;}
.pic-responsive-content_group{padding:0;}
.availability_inner_div_group{margin-top:-3px;width:360px;}
.cl_roomHeadline{margin-top:0;}
.cl_roomSubline{font-size:12px;color:#000;line-height:140%;margin-bottom:15px;}
.lowest-price_group{margin-top:-5px;font-size:24px;padding-right:15px;}
.cl_breakfastContent{bottom:-95px;}
.form_element_content{margin-top:-3px;}
.form_element_headline{font-size:14px;color:#000;line-height:35px;margin-top:20px;text-align:right;font-weight:700;padding-right:0;}
.cl_anz_free_beth{font-size:11px;color:#000;line-height:140%;margin-bottom:5px;text-align:right;font-weight:700;}
.anz_person{
    border:0;
    cursor:default;
    background:#aaaaaa;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFc0c0c0, endColorstr=#FFaaaaaa);
    background-image: linear-gradient(
            top,
            #c0c0c0,
            #aaaaaa
    );
}
.anz_person.active{
    cursor:pointer;
    background-size: 100% 100%;
    background: #ef5934;
}
#cl_roomCtaBox{padding-left:15px;}
.cl_ctaHeadline{font-size:18px; text-transform: capitalize;}
.cl_ctaCheckHeadline{line-height:150%;border-bottom:1px solid #c5c9d9;padding-bottom:5px;margin-bottom:5px;}
.cl_ctaCheckPrice{font-size:16px;color:#000;line-height:140%;text-align:right;font-weight:700;padding-right:10px;}
.cl_free_beth{border:1px solid #c5c9d9;background:#f5f5f5;padding:5px;margin-bottom:15px;margin-top:10px;}
.cl_free_beth_place{font-size:12px;color:#293a88;display:inline-block;float:left;margin-bottom:5px;font-weight:700;margin-top:4px;}
.cl_free_beth_price{font-size:16px;color:#3c763d;line-height:140%;display:inline-block;float:right;margin-bottom:5px;font-weight:700;}
.cl_free_beth_desc{font-size:11px;color:#293a88;line-height:140%;margin:0;}
.btn_disabled, .btn_check{margin-bottom:5px;}
.cl_ctaDesc{text-align:left;margin:0 0 25px 0;}
#cl_roomCtaBox #cl_ctaCheckHeadline2{border:0;}
@media only screen and (max-width: 767px){
    .cl_col_adult{padding-right:5px;}
    .cl_col_children{padding-left:10px;padding-right:10px;}
    .col-md-12.bookingform{padding-bottom:0;background:none;padding:0;}
    .col-md-12.bookingform form{background:#dbe4f6;padding:15px 5px 10px 20px;margin:0 -5px;border-top:1px solid #c7cfdf;}
    #bookingFormStep1 .form_elements{margin-bottom:10px;padding-right:15px;}
    #bookingFormStep1 .first_form_elements{padding-right:10px;}
    #bookingFormStep1 .second_form_elements, .form_element_children_label{padding-left:10px;}
    .form_element_children{padding:0 15px 0 10px;}
    .pic-responsive-content_group{width:100%;padding:0 20px;margin-top:0;margin-bottom:20px;}
    .cat_content{border-bottom:1px solid #c5c9d9;}
    .filter_cat{margin:0px -10px 0 -10px;}
    .availability_inner_div{width:100%;padding:0 20px;margin-bottom:20px;}
    .cl_roomHeadline{margin-left:0;margin-bottom:0;}
    .cl_roomHeadline span{padding-left:0;}
    .cat_icons{text-align:left;}
    .form_element_content{margin-top:-23px;}
    .cl_breakfastContent{right:inherit;top:40px;}
    .cl_hoverTop div:after, .cl_hoverTop div:before{left:25%;}
    #cl_scroll_mobile{width:100%;z-index:9;}
    .form_header{margin-top:0;float:none;}
    .form_header_inner_right{text-align:center;margin-bottom:0;}
    .cat_content{position:relative;}
    .cl_ctaCheckBox{border-bottom:1px solid #c5c9d9;margin:0 0 10px 0;padding-bottom:10px;padding-left: 15px;}
    .cl_ctaCheckBox > div{padding:0;}
    .cl_ctaCheckBoxLast{border:0;}
    .cl_ctaHeadline{font-size:14px;font: normal normal bold 18px / 21px Arial;}
    .cl_ctaCheckHeadline{font-weight:400;border:0;margin-bottom:0;padding:0;}
    .cl_ctaCheckPrice{margin-top:20px;margin-bottom:0;}
    .cl_free_beth{margin-top:0;padding:10px;}
    .cl_free_beth_place{font-size:14px;float:none;display:block;}
    .cl_free_beth_desc{font-size:14px;}
    .cl_free_beth_desc br{display:none;}
    .cl_free_beth_price{text-align:right;float:none;display:block;}
    .cl_free_beth_price span{font-size:12px;}
    .cl_ctaPriceBox{text-align:right;margin-top:20px;}
    .cl_ctaPriceBox div{display:inline-block;text-align:center;}
    .availability_div .filter_cat:first-child .pic-responsive-content{
        margin-top: -1px!important;
    }
}

/*Andre*/
#btool_down {
    display:none;
}
@media(max-width:767px) {
    .newWidth {
        float: left !important;
    }
}
@media(min-width: 769px) {
    #cl_roomCtaBox{display:block !important;}
}
/*@media(max-width:768px){*/
/*.cl_kalender {*/
/*position: absolute;*/
/*top: 85px;*/
/*width: 300px;*/
/*display: none;*/
/*z-index: 11;*/
/*}*/


/*}*/

@media only screen and (max-width: 767px) {
    .reservierung_start{margin-bottom:20px;padding-bottom:20px;}
    .reservierung_start_inner{padding-top:0;}
    #step1_start_inner{text-align:center;}
    #cl_buchungstoolBox{width:320px;text-align:left;display:inline-block;}
    #cl_destinationBox{margin-bottom:20px;}
    #cl_destinationSelect{width:300px;height:35px;font-size:16px;margin-left:20px;font-family:'Arial', sans-serif;}
    #cl_tripPartnerBox{width:320px;margin-bottom:20px;}
    #cl_adultBox{float:left;width:135px;margin-left:20px;}
    #cl_adultSelect, #cl_childSelect{width:100%;height:35px;font-size:16px;font-family:'Arial', sans-serif;}
    #cl_childBox{float:right;width:135px;}
    .cl_dutytxt{font-size:13px;color:#004583;line-height:140%;margin:0;font-family:'Arial', sans-serif;text-align:right;margin-top:5px;}
    #cl_cta{
        display:block;
        text-align:left;
        width:292px;
        height:35px;
        line-height:35px;
        color:#fff;
        font-size:14px;
        font-weight:700;
        padding-left:30px;
        margin:0 0 0 20px;
        background:url(https://cdn.aohostels.com/img/aohostels-cta-bg.png) left top no-repeat;
        border-radius:5px;
        font-family:'Arial', sans-serif;
        cursor:pointer;
    }
    #cl_cta:hover{background-position:0 -35px;}
    /* KALENDER */
    #cl_tripBox{width:320px;position:relative;margin-bottom:20px;}
    #cl_beginBox{float:left;width:135px;margin-left:20px;}
    #cl_endBox{float:right;width:135px;}
    .cl_headline{font-size:16px;color:#004684;line-height:140%;margin-bottom:2px;font-family:'Arial', sans-serif;margin-top:0;}
    .cl_subline{font-size:15px;color:#004583;line-height:140%;margin-bottom:2px;font-family:'Arial', sans-serif;margin-top:0;}

    .cl_kalender{position:absolute;top:85px;width:300px;display:none;z-index:11;}
    #cl_kalenderbegin{left:0px;}
    #cl_kalenderend{left:0;}
    .cl_kalenderBG{position:relative;background:#fff;border-radius:5px;border:1px solid #c5c9d9;}
    .cl_kalenderBG:after, .cl_kalenderBG:before{
        bottom:100%;
        left:50%;
        border:solid transparent;
        content:" ";
        height:0;
        width:0;
        position:absolute;
        pointer-events:none;
    }
    .cl_kalenderBG:after{
        border-color:rgba(255, 255, 255, 0);
        border-bottom-color:#fff;
        border-width:10px;
        margin-left:-10px;
    }
    .cl_kalenderBG:before{
        border-color:rgba(197, 201, 217, 0);
        border-bottom-color:#c5c9d9;
        border-width:11px;
        margin-left:-11px;
    }
    #cl_kalenderbegin .cl_kalenderBG:after, #cl_kalenderbegin .cl_kalenderBG:before{left:22%;}
    #cl_kalenderend .cl_kalenderBG:after, #cl_kalenderend .cl_kalenderBG:before{left:78%;}
    table{border-spacing:0;}
    thead th{text-align:center;line-height:42px;color:#014c87;font-size:16px;font-family:'Arial',sans-serif;}
    #cl_theadLeft, #cl_theadRight{cursor:pointer;}
    #cl_headNumbers td{
        background:#0b4c88;
        color:#fff;
        font-size:11px;
        line-height:27px;
        font-weight:700;
        font-family:'Arial',sans-serif;
        cursor:default;
    }
    td.cl_available{color:#0b4c88;cursor:pointer;}
    td.cl_notAvailable{color:#0b4c88;}
    td.cl_available:hover{background:#3d81d0;color:#fff;}
    td.cl_activeB, td.cl_activeE{background:#0b4c88;color:#fff;}
    td.cl_diffDays{background:#dbe4f6;color:#0b4c88;}
    .cl_kalenderOverlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9;display:none;}
    .cl_kalender table {
        width: 100% !important;
        border-right: 0 !important;
    }
    .cl_kalenderBG {
        width: 100%
    }
    .cl_kalender {
        width: 100%;
        padding-right: 20px;
        top: 100px;
        left: 0;
    }
    .cl_groupBox{margin:0 -5px;background:#fff;border-bottom:1px solid #c7cfdf;padding-top:30px;padding-bottom:35px;}
    #cl_groupHeadline{background:none;font-size:14px !important;}
    #cl_groupSubline{font-size:14px;color:#293a88;line-height:140%;margin-bottom:15px;}
    #cl_groupCta{background:url(https://cdn.aohostels.com/img/cta-bg.jpg) repeat-x;width:260px;}
    .filter_cat.last {
        border-bottom: 1px solid #c5c9d9;
    }
}

.output_discount {
    color: #e36b04;
    border: 1px solid #e36b04;
    border-radius: 2px;
    font-weight: bold;
    font-size: 14px;
    padding: 1px 5px;
    float: right;
    margin-left: 2px;
}
.trenner_detail_absatz{
    border-bottom: 1px dotted #c5c5c5;
    height: 2px;
}
.trenner_detail_absatz img{
    display:none;
}
@media only screen and (max-width: 380px){
    .cl_col_children .cl_headline{font-size:11px !important;}
    .form_elements{padding-left:5px;padding-right:5px;}
    .col-md-12.bookingform form{padding:15px 0 10px 0;}
    .second_form_elements, .last_form_element{padding-right:5px;padding-left:5px;}
    .first_form_elements, .third_form_elements{padding-right:5px;}
    .cl_headline span{font-size:10px;}
}
/* ÄNDERUNGEN 20.05.2016 ENDE */
.filterUpdate .filter_checkbox{
    margin: 0;
    padding: 0 15px;
}
.form-horizontal .filterUpdate .form-group{
    margin: 0 0 -5px;
}
.scaleBar {
    height: 10px;  /* Can be anything */
    position: relative;
    background: #cccccc;
    border-radius: 25px;
    margin: 10px 20px;
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.scaleBar > span {
    display: block;
    height: 10px;
    width:0;
    border-radius: 25px;
    background: #293a88;
    position: relative;
    overflow: hidden;
}
.newStars.meinung_stars_off {
    width: 100px;
    height: 38px;
    padding:15px 0;
    background: url(https://cdn.aohostels.com/img/index/rating_stars_empty.png) left 15px no-repeat;
    background-size: 100px auto!important;
    float: left;
    margin-right: 9px;
}
.newStars.meinung_stars_off_small {
    width: 78px;
    background-size: 78px auto !important;
}
.newStars.meinung_stars_on{
    padding:10px 0;
    background: url(https://cdn.aohostels.com/img/index/rating_stars_full.png) left top no-repeat;
    background-size: 100px auto;
}
.arrow_box{
    left: 10px;
    position: relative;
}
.arrow_box:after, .arrow_box:before {
    top: 30%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 4px;
    margin-left: -4px;
}
.arrow_box:before {
    border-color: rgba(0, 102, 179, 0);
    border-top-color: #0066b3;
    border-width: 7px;
    margin-left: -7px;
}
a.expand.opened .arrow_box:after, a.expand.opened .arrow_box:before{
    transform: rotate(180deg);
}
a.expand.opened .arrow_box{
    top: -2px;
}
a.expand.opened .arrow_box:before{
    top: -4%;
}
a.expand{
    cursor:pointer;
    right: 41px;
    font-weight: 700;
}
.portalReview{
    padding: 13px 15px 10px;
    border: 1px solid #c7cfdf;
    border-radius: 5px;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}
.portalReview .portalImg img{
    height: 30px;
}
.portalReview .portalRating{
    text-align: right;
}
.portalReview .portalImg,
.portalReview .portalRating{
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.portalReview span.overallRating{
    font-size: 22px;
    color: #0066b3;
    font-weight: bold;
}
.meinung .singleRatingOverall{
    font-size: 24px;
    color: grey;
}
.meinung .singleRatingOverallSmall {
    font-size: 20px;
}

.progress-bar {
    background-color: #ef5934;
}

.meinung .ratingNumber{
    font-size: 30px;
    color: #005ca9;
    font-weight: bold;
}
.meinung .ratingNumberSmall {
    font-size: 24px;
}
.meinung .achievableRating{
    color: grey;
}
.meinung .ratingText div{
    font-size: 14px;
    padding: 20px;
    padding-top: 0;
}
.meinung .ratingTextSmall div {
    padding: 10px;
    padding-top: 0;
}
.meinung .detailContainer{
    padding-right: 25px;
    font-size: 14px;
    position: relative;
    height: 75px !important;
    text-align: right;
}
.meinung .detailContainerSmall {
    padding: 10px 0 0;
    height: 70px !important;
}
.meinung .expand{
    position: absolute;
    bottom: 28px;
}
.meinung .detailRatingContainer{
    display: none;
    width: 100%;
}
.meinung .detailRatingContainer .row{
    margin: 0;
}
.meinung .ratingCategory{
    margin: 4px 0;
    font-size: 14px;
    text-align: right;
    padding-right: 0px;
}
.meinung .detailedSingleRating{
    font-size: 14px;
    padding: 4px 0;
}
.meinung .detailedSingleRating span{
    font-weight: bold;
    color: #000;
}
.meinung .detailRatingContainer .row:last-child {
    margin-bottom: 15px;
}
#ajaxReviews.mentions{
    padding-left: 30px;
    padding-right: 0;
}
#ajaxReviews{
    margin-left: 0px;
    padding-right: 0px;
}
.mentionPagination a, .mentionPagination span{
    border-radius: 40px!important;
    padding: 6px 0!important;
    font-size: 14px;
    color: #0066b3;
    height: 35px;
    width: 35px;
    border: 2px solid #8db3e0!important;
}
.mentionPagination li.active span{
    background: #8db3e0;
    border: 2px solid #8db3e0!important;
}
.mentionPagination li{
    margin: 0 3px;
    display: inline-block;
}
.mentionPagination li a:hover, .mentionPagination li span:hover{
    color: #fff;
    border: 2px solid #0066b3!important;
    background: #0066b3;
}
.mentionPagination li.disabled span{
    background: #d9d9d9!important;
    border-color: #d9d9d9!important;
}
#moreMentions{
    font-size: 16px;
    display: block;
    transition: all 0.5s ease-in-out;
    width: 100%;
    background: #ef5934;
    border-radius: 5px;
    padding: 6px;
    text-decoration: none!important;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    font-weight: bold;
    cursor: pointer;
    margin: 0 auto;
}
#moreMentions:hover{
    background: #293a88;
}
.meinung {
    border-bottom: 1px solid #ddd;
    margin-bottom: 23px;
    padding-bottom: 7px;
}
.meinung .meinung_left{
    text-align: center;
    margin-bottom: 0;
}
@media(min-width:760px){
    #moreMentions{
        width: 30%;
        margin-top: 20px;
    }
}

@media(max-width:768px){
    .gallery {
        width: 100%;
        min-width: 100%;
    }

    #moreMentions{
        margin-top: 20px;
    }
}

.map-box {
    height: 350px;
    margin-top: 12px;
    margin-bottom: 20px;
}

@media(max-width:768px) {
    .map-box {
        height: 500px !important;
        margin:0 -20px!important;
    }
}
@media(max-width:400px){
    #allocateCustomersmobile{
        background-position: 20px center!important;
    }
    .filterMobile .form-group{
        border:none!important;
    }
}
@media(min-width:400px) and (max-width:510px){
    #allocateCustomersmobile{
        background-position: 70px center!important;
    }
}

#januarDeal{
    margin-top:20px;
}
#januarDeal #deal_left{
    background: url(https://cdn.aohostels.com/img/house/ring_200x200px.png) no-repeat;
    background-size: 95%;
    height: 100px;
    width: 100px;
}
#januarDeal i.fa-close{
    position: absolute;
    right: 10px;
    top: 10px;
}
#januarDeal #deal_right{
    width: 80%;
}
.postcode_content, .city_content{
    float:left;
    width:50%;
}
.postcode_content{
    padding-right: 5px;
}
.city_content{
    padding-left: 5px;
}
.country-select{
    display: block;
}
.country-select input{
    width: 100%!important;
}

/* ----------- Maps Api Controls - START ----------- */
.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

#origin-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 250px;
    outline: 0;
}

#origin-input:focus,
#destination-input:focus {
    border-color: #4d90fe;
}

#mode-selector {
    color: #fff;
    background-color: #4d90fe;
    margin-left: 12px;
    padding: 3px 0px 0px 12px;
}

@media (max-width: 768px) {
    #januarDeal #deal_left{
        height: 60px;
        width: 60px;
        margin-top: 45px;
    }
    #januarDeal #deal_right{
        width: 70%;
    }
}

@media(min-width:500px) and (max-width:768px){
    #januarDeal #deal_left{
        margin-top: 25px;
    }
}
@media(max-width:515px) {
    #origin-input {
        width: 185px;
    }
}
@media(max-width:450px) {
    #mode-selector {
        top: 40px !important;
        left: 0 !important;
    }
}

.map-distance {
    display: inline;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    padding-left: 8px;
    padding-right: 4px;
    border-left: 1px solid #fff;
}

.fancy-checkbox input[type="checkbox"],
.fancy-checkbox .checked {
    display: none;
}

.fancy-checkbox input[type="checkbox"]:checked ~ .checked {
    display: inline-block;
}

.fancy-checkbox input[type="checkbox"]:checked ~ .unchecked {
    display: none;
}

.fancy-checkbox .fa {
    width: 30px;
    height: 32px;
    line-height: 30px;
    font-size: 20px !important;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 5px;
    background-color: #fff;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.fancy-checkbox .fa:hover {
    cursor: pointer;
}

.input_hidden {
    position: absolute;
    left: -9999px;
}

#mode-selector label {
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    background: #ddddddcf;
    margin-right: 5px;
}

#mode-selector label:hover {
    background-color: #fff;
}

.selected {
    background-color: #fff !important;
    border: 1px solid #666666;
}

#mode-selector label img {
    padding: 3px;
    width: 23px;
    height: auto;
}

.w3w-embed {
    margin: 0 0 10px 0;
}
/* ----------- Maps Api Controls - END ----------- */

.moreHouses {
    background-color: #fff;
    transition: all 0.1s ease-in-out;
    width:100%!important;
    left:0;
    position: fixed;
    top:60px;
    z-index: 999;
    margin: 0!important;
    box-shadow: 0 4px 12px 1px rgba(0,0,0,0.2);
    padding: 10px 5px 7px;
}
.moreHouses:after, .moreHouses:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    display: none;
}
.moreHouses .btn_check{
    float: none!important;
    margin: 0 auto;
    background: #fc0;
    width: 100%!important;
}
.moreHouses:after {
    border-top-color: #7E88B7;
    border-width: 10px;
    margin-left: -10px;
}
.moreHouses:before {
    border-color: rgba(176, 176, 176, 0);
    border-top-color: rgba(176, 176, 176, 0.38);
    border-width: 13px;
    margin-left: -13px;
}
.moreHouses .anz_more, .moreHouses .anz_less, .moreHouses .anz_more_new, .moreHouses .anz_less_new{
    background: #293a88;
    border: 1px solid #293a88;
}
.moreHouses .anz_more:hover, .moreHouses .anz_less:hover, .moreHouses .anz_more_new:hover, .moreHouses .anz_less_new:hover{
    background:#ef5934;
}
.moreHouses .input_choice,.moreHouses .cl_inputKalender{
    border: 1px solid #293a88;
}
.fix-body {
    position: fixed;
}
#adultsXs,#childrenXs{
    border-right: none;
    border-left: none;
    border-radius: 0;
}
.moreHouses .input_choice{
    border: 1px solid #293a88!important;
    border-radius:0px!important;
    width: 34%!important;
}
#inputEmail{
    margin-bottom: 10px;
}
.form-group span p{
    display: inline-block;
}

.house-extended-content{
    display: inline-block;
}
.pic-responsive-content.withOverlay{
    position: relative;
}
.pic-responsive-content.withOverlay .titleContainer{
    position:absolute;
    bottom:0;
    padding: 10px 15px 0 15px;
    background: rgba(41,58,136,.5);
    width: 100%;
}
.opened .fa-chevron-down{
    transform:rotate(180deg);
}
.moreDesc{
    text-align: center;
}
.moreDesc i{
    color: #fff;
    font-size: 16px;
    margin-top: -10px;
    margin-bottom: 5px;
}
.pic-responsive-content.withOverlay .titleContainer p.infoDesc{
    display: none;
    padding-bottom: 15px;
}
.pic-responsive-content.withOverlay .titleContainer .cl_roomHeadline, .pic-responsive-content.withOverlay .titleContainer .cl_roomSubline{
    color: #fff!important;
}
@media(max-width:767px){
    .moreHouses:after, .moreHouses:before {
        display: block !important;
    }
    .grid-area {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3px;
        align-items: stretch;
    }
    .grid-area .filter_checkbox {
        width: 100% !important;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    .grid-area .filter_checkbox .form-group {
        flex: 1;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .grid-area .filter_checkbox label.styledCheck {
        width: 100% !important;
        flex: 1;
        display: flex;
        align-items: center;
        height: 100%;
    }
    .filter-grid {
        display: grid;
        grid-template-columns: 100%;
        grid-template-areas: 
          "label"
          "grid"
          "optimal";
      }
    
    #allocateCustomers {
        width: 100% !important;
        margin-top: 16px !important;
    }
    .filter_checkbox{
        width: -moz-fit-content !important;
        width: fit-content !important;
    }
    .filter-content .form-group span.single{
        margin-left: 10px;
    }
    .filter-content input{
        opacity: 0;
        display: none;
    }
    .filterHeadline{
        color:#293a88;
        margin-bottom: 15px;
        margin-top: 10px;
        padding-left:0px;
    }
    .groupFilterContainer{
        padding:10px!important;
    }
    .groupFilterContainer .filter_checkbox{
        margin: 0!important;
    }
    #allocate{
        width: 46%;
        margin-left: 5px;
        margin-top: 25px;
    }
    .filter-content {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .filter-content > div:first-of-type {
        display: flex !important;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 8px;
    }

    .filter-content .filter_checkbox,
    .groupFilterContainer .filter_checkbox,
    .filter-content .breakfastFilterContainer {
        display: flex;
        flex-direction: column;
        width: 48% !important;
        height: auto;
        min-height: 40px;
        max-height: 40px;
    }

    .filter-content .filter_checkbox .form-group,
    .groupFilterContainer .filter_checkbox .form-group,
    .filter-content .breakfastFilterContainer .form-group {
        display: flex;
        flex-direction: column;
        overflow: visible;
        height: 40px;
        min-height: 40px;
        max-height: 40px;
        padding-right: 8px;
        padding-top: 2px;
        padding-bottom: 0;
    }

    .filter-content .form-group label.styledCheck,
    .groupFilterContainer .form-group label.styledCheck,
    .filter-content .breakfastFilterContainer .form-group label.styledCheck {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        height: 100%;
        min-height: 40px;
        max-height: 40px;
        padding: 2px;
        gap: 3px;
        overflow: visible;
    }

    .filter-content .form-group label.styledCheck .labelFilter,
    .groupFilterContainer .form-group label.styledCheck .labelFilter {
        flex: 1 1 auto;
        min-width: 0;
    }

    .filter-content .form-group label.styledCheck .labelFilter p,
    .groupFilterContainer .form-group label.styledCheck .labelFilter p {
        margin: 0;
        line-height: 1.2;
    }

    .filter-content span.labelFilter,
    .groupFilterContainer span.labelFilter {
        word-wrap: break-word;
        overflow-wrap: break-word;
        flex: 1;
        min-width: 0;
        line-height: 1.4;
        padding: 2px 0;
    }
}
/* CHANGED FILTER */

.styledCheck {
    cursor: pointer;
    position: relative;
    margin: auto;
    height: 18px;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0);
    color: #293a88;
    width:100%;
    float:left;
}
.styledCheck:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: rgba(41,58,136,0.35);
    opacity: 0;
    transition: opacity 0.2s ease;
}
.styledCheck svg {
    position: relative;
    z-index: 1;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #293a88;
    stroke-width: 1.5;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease;
}
.styledCheck svg path {
    stroke-dasharray: 60;
    stroke-dashoffset: 0;
}
.styledCheck svg polyline {
    stroke-dasharray: 22;
    stroke-dashoffset: 66;
}
.styledCheck:hover:before {
    opacity: 1;
}
.styledCheck:hover svg {
    stroke: #fff;
}
.cbx:checked + .styledCheck{
    color: #fff;
}
.cbx:checked + .styledCheck svg {
    stroke: #fff;
}
.cbx:checked + .styledCheck svg path {
    stroke-dashoffset: 60;
    transition: all 0.3s linear;
}
.cbx:checked + .styledCheck svg polyline {
    stroke-dashoffset: 42;
    transition: all 0.2s linear;
    transition-delay: 0.15s;
}
.filter .form-group{
    padding: 6px;
    border-radius: 6px;
    padding-bottom: 3px;
    border: 1px solid #293a88;
    transition: all 0.5s ease-in-out;
}
.form-group.active{
    border:1px solid #fff;
    background: #293a88;
}
.cbx:checked + .form-group{
    background: #293a88;
    border: 1px solid #fff;
}
span.labelFilter{
    padding-left:8px;
}
.filter_checkbox{
    margin-right: 5px;
}
.bookingform{
    background: none!important;
    padding:0;
    border-bottom: 1px solid #293a88!important;
}
.filter_checkbox{
    width: 32.6%;
    margin-bottom: 5px;
}
#result {
    overflow: hidden;
}
#result .filter{
    background: none;
    position:relative;
}
.styledCheck span{
    position: relative;
    top: -1px;
}
.anz_less,.anz_more, .anz_more_new, .anz_less_new{
    background: #293a88;
    border: 1px solid #293a88;
}
.last_form_element {
    width: 330px;
}
#klassenfahrtFilter, #klassenfahrtFiltermobile{
    left:-880px;
    position:absolute;
    transition: all 0.5s ease-in-out;
    padding: 20px 20px 20px 50px;
    opacity: 0;
}
#klassenfahrtFilter.mobileCategories{
    padding:10px 0;
    margin: 0 -15px;
}
#klassenfahrtFilter.moved, #klassenfahrtFiltermobile.moved{
    left: 0;
    position: relative;
    opacity: 1;
}
#klassenfahrtFilter:after, #klassenfahrtFilter:before, #klassenfahrtFiltermobile:after, #klassenfahrtFiltermobile:before {
    right: 95%;
    top: 63%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#klassenfahrtFilter.mobileCategories:after, #klassenfahrtFilter.mobileCategories:before {
    right: 101%;
}
#klassenfahrtFilter:after, #klassenfahrtFiltermobile:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px;
}
#klassenfahrtFilter:before, #klassenfahrtFiltermobile:before {
    border-color: rgba(163, 163, 163, 0);
    border-right-color: #a3a3a3;
    border-width: 19px;
    margin-top: -19px;
}
#klassenfahrtFilter #backarrow, #klassenfahrtFilter #backarrowmobile{
    position:absolute;
    left:0;
    top: 0;
    bottom: 0;
    width: 50px;
    cursor: pointer;
}
#allocate{
    padding: 9px 20px;
    margin-top: 24px;
    border-radius:6px;
    background: #293a88;
    color: #fff;
    border: none;
}
.filter_checkbox{
    padding: 0!important;
    margin: 5px 5px 5px 0!important;
}
.saveCleaningContainer i{
    min-height: 50px;
}
@media(min-width:768px){
    .saveCleaningContainer i{
        min-height: inherit;
    }
}
.newCategoriesContainer .cl_fixBox, .newCategoriesContainer .cl_flexBox, .newCategoriesContainer .cl_superflexBox {
    float:none;
}
.newCategoriesContainer .cl_roomDescriptionHeadline{
    background: #293a88;
    color: #fff;
    text-align: center;
    padding: 5px;
}
.newCategoriesContainer .pic-responsive-content{
    padding:0;
    z-index: 10;
    min-height: 80px;
}
.newCategoriesContainer .select_cat{
    float: none;
    position: absolute;
    left: 0%;
    width: 100%;
    padding: 0 15px;
    bottom: -50px;
    display: none;
}
.newCategoriesContainer .sel_cat{
    border-radius: 0;
}
.newCategoriesContainer .cl_roomDescriptionSubline{
    padding: 15px;
    margin-left:0!important;
    text-align: center;
    min-height:65px;
}
.newCategoriesContainer .cl_designselect_27042015{
    width: 100%;
    display: block;
}
.newCategoriesContainer .lowest-price{
    text-align: center;
    padding: 0px 0px 25px!important;
    margin: 0px!important;
}
@media (max-width: 768px) {
    .newCategoriesContainer .cl_fixContent {
        left: 36% !important;
    }

    .cl_superflexContent {
        left: 63% !important;
    }

    .newCategoriesContainer .cl_flexContent {
        left: 32% !important;
    }
}
@media (max-width: 460px) {

    .cl_superflexContent {
        left: 48% !important;
    }
}
.newCategoriesContainer .cl_flexContent {
    top: 50px;
    left: 195px;
}
.newCategoriesContainer .cl_icon.cl_infoIcon{
    background: none;
}
.newCategoriesContainer .cl_roomSelect{
    border-radius: 0!important;
}
.newCategoriesContainer .cl_selectlist_27042015{
    margin-top: 0;
    margin-left: 0;
    z-index:12;
    left: 15px;
    top: inherit;
}
.newCategoriesContainer .cl_breakfastContent{
    bottom: 0px;
    left: -90px;
}
#result{
    overflow: visible!important;
}
.greyContainer{
    opacity: 0.5;
    pointer-events:none;
}
.cl_superflexContent{
    position: absolute;
    top: 40px;
    left: 315px;
    min-width: 170px;
    z-index: 11;
}
.cl_flexContent.repositioned{
    top: 51px;
    left: 245px;
}
.cl_fixContent.repositioned{
    top: 53px;
    left: 242px;
}
.houseTabs .panel{
    padding:0!important;
}
.rateContainer .cl_fixBox .cl_roomDescriptionHeadline{
    background: #0F7D01;
    color:#fff!important;
    text-align:center;
}
.rateContainer .col-xs-6{
    position: unset;
}
.cl_flexBox_inner .cl_roomDescriptionHeadline{
    background: #293a88;
    color:#fff;
    text-align: center;
}
.cl_icon.cl_infoIcon{
    background: none!important;
    margin:0!important;
}
.newCategoriesContainer.filter_cat{
    position: relative;
    margin: 0!important;
    padding-bottom: 0px;
}
.moreDesc i{
    cursor:pointer;
}
.soldOut{
    position: absolute;
    left: -17px;
    top: 45px;
    right:65%;
    font-size: 20px;
    color: red;
    line-height: 1.2;
    text-transform: uppercase;
    border: 2px solid red;
    background: #fff;
    padding: 5px 36px 5px;
    border-left: none;
    transform: rotate(-45deg);
    border-right: none;
    z-index: 0;
    display:none;
}
.greyContainer .soldOut{
    display:block;
}
.soldOut .fa {
    display: none;
}
.rateContainer.onlyFix{
    margin-left:0;
}
@media(max-width:400px){
    .greyContainer .soldOut{
        left: -48px;
        top: 50px;
        right: 54%;
        padding: 5px 40px;
        transform: rotate(-61deg);
    }
}

@media(min-width:401px) and (max-width:536px){
    .greyContainer .soldOut{
        left: -41px;
        top: 45px;
        padding: 5px 40px;
        transform: rotate(-55deg);
    }
}

@media (max-width: 768px){
    .distance-container span{
        color: #333 !important;
        padding-left: 3.2% !important;
    }
    .distance-container span:first-child{
        display: none;
    }
    .titles {
        display: none;
    }
    .wordcloud-container {
        position: fixed;
        margin-bottom: 8px;
        top: 3%;
        width: 60%;
    }
    .wordcloud-container span {
       margin-bottom: 8px;
    }
    .houseAmenities {
        bottom: 20%;
        top: unset !important;
        left: unset !important;
        background: transparent !important;
    }
    .houseAmenities .dropdown-title {
        gap: 4px;
        border-radius: 4px 4px 0 0;
        padding: 5px !important;
    }
    .houseAmenities .dropdown-toggle {
        display: flex;
        gap: 1px;
    }
    .dropdown-title  {
       background-color: rgba(255, 255, 255, 0.7);
    }
    .dropdown-number {
        margin-right: unset !important;
    }
    .dropdown-number img {
        width: 25px;
        height: 25px;
        margin-right: unset !important;
    }
    .houseAmenities span.dropdown-rating {
        font-size: 12px;
    }
    .custom-dropdown .dropdown-number {
        line-height: unset !important;
        font-size: 12px !important;
        min-width: unset !important;
        padding: 4px;
    }
    .test-category {
        min-height: auto !important;
        flex: 1;
        background-color: rgb(41, 58, 136) !important;
    }
    .house-categories-option-box {
        display: grid;
        grid-template-columns: 1fr 2fr;
    }
    #booking-categories .rates-container > div:not(:first-child) {
        border-top: 1px solid #fff;
    }
    .room_select {
        width: unset !important;
        min-width: 45% !important;
        flex: 1;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: rgb(41, 58, 136) !important;
    }
    .room_select .dropdown-toggle {
        width: 98%;
        background-color: #fff !important;
    }
    .v-select .dropdown-menu {
        max-height: -moz-fit-content !important;
        max-height: fit-content !important;
        top: 72% !important;
    }
    .newCategoriesContainer .lowest-price{
        padding: 8px;
        line-height: 1.2;
        text-align: center;
    }
    .cl_roomDescriptionHeadline{
        font-size:12px;
    }
    .cl_roomDescriptionHeadline i{
        font-size: 16px;
    }
    .cl_roomDescriptionSubline{
        font-size: 12px;
    }
    .newCategoriesContainer .cl_fixBox, .newCategoriesContainer .cl_flexBox {
        padding:0;
    }
    .newCategoriesContainer .cl_roomHeadline {
        line-height: 140%;
        margin: 0 0 5px 0px;
    }
    .newCategoriesContainer .cl_available1, .newCategoriesContainer .cl_available2, .newCategoriesContainer .cl_available3 {
        padding-left: 0px;
        font-size: 14px;
    }
    .newCategoriesContainer .cl_icon.cl_infoIcon {
        margin: 0;
        width: auto;
        height: auto;
        display:inline;
    }
    .newCategoriesContainer .cl_fixBox .cl_roomDescriptionSubline, .newCategoriesContainer .cl_flexBox .cl_roomDescriptionSubline {
        border-bottom: none !important;
        margin: 0!important;
        text-align: left;
    }
    .newCategoriesContainer.filter_cat{
        border-bottom: none;
    }
    .bestRateSpan{
        display:none;
    }
}
@media (min-width:768px){
    .newCategoriesContainer .cl_fixBox{
        padding-left: 15px!important;
        border: none;
    }
    .rateContainer .col-md-4:first-child{
        padding: 0 0px 0 15px!important;
    }
    .rateContainer .col-md-4:nth-child(2){
        padding: 0 5px;
    }
    .rateContainer .col-md-4:last-child{
        padding: 0 15px 0 5px;
    }
    .rateContainer{
        margin-left: -15px;
    }
    .newCategoriesContainer .cl_fixContent {
        top: 34px;
        left: 62%;
    }
    .newCategoriesContainer .cl_flexContent {
        top: -24px;
        left: 135px;
    }
    .cl_fixContent.repositioned {
        top: -17px;
        left: 182px;
    }
    .cl_flexContent.repositioned {
        top: -24px;
        left: 185px;
    }
    .cl_superflexContent{
        top: 30px;
        left: 100%;
    }
    .newCategoriesContainer .cl_breakfastContent{
        bottom: 0px;
        left: 310px;
    }
}
@media (max-width: 992px){
    body {
        padding-top: 60px!important;
    }
}
.noPadding{
    padding:0!important;
}
.cl_tripBg .input_choice{
    border-radius:0;
    width:34%;
}
.cl_tripBg .anz_person, #bookingFormStep1Bottom .anz_person{
    background: #293a88;
}

/* -------- Room Price Tooltip -------- */
.flex-price-box {
    padding: 15px 8px !important;
}

.price-tooltip {
    position: relative;
    display: inline-block;
}

.price-tooltip .price-tooltip-text {
    visibility: hidden;
    width: 220px;
    font-size: 12px;
    background-color: #fff;
    color: #333;
    text-align: left;
    padding: 15px 15px 5px 15px;
    border: 1px solid rgb(235, 235, 235);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px !important;

    /* Position the tooltip */
    position: absolute;
    z-index: 20;
}

.price-tooltip:hover .price-tooltip-text {
    visibility: visible;
}

.price-tooltip .price-tooltip-title {
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}

.price-tooltip .price-day {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    padding: 5px 0;
    border-top: 1px solid #ddd;
}

.price-tooltip .price-day span {
    float: right;
}

@media (max-width: 992px) {
    .price-tooltip .price-tooltip-text {
        width: 173px;
    }
}

/* -------- Booking Categery Tooltip -------- */
.category-tooltip {
    position: relative;
    display: inline-block;
}

.category-tooltip .category-tooltip-text {
    visibility: hidden;
    width: 170px;
    font-size: 12px;
    background-color: #fff;
    color: #333;
    text-align: left;
    padding: 10px;
    border: 1px solid #c5c9d9;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px !important;

    /* Position the tooltip */
    position: absolute;
    left: 18px;
    z-index: 20;
}

.category-tooltip:hover .category-tooltip-text {
    visibility: visible;
}

.category-tooltip .category-tooltip-title {
    font-size: 12px;
    color: #293a88 !important;
    line-height: 140%;
}

.category-tooltip-text ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.category-tooltip-text ul li {
    font-size: 12px;
    font-weight: 500;
    color: #293a88;
    line-height: 140%;
    background: url(https://cdn.aohostels.com/img/house/aohostels-kalender-check.png) 0 4px no-repeat;
    padding-left: 15px;
    margin: 0;
}


/* ---------- Mobile room booking categories [START] ---------- */
@media (min-width: 768px) {
    #booking-categories .newCategoriesContainer .cl_fixBox_inner:hover,
    #booking-categories .newCategoriesContainer .cl_fixBox_inner.active,
    #booking-categories .newCategoriesContainer .cl_flexBox_inner:hover,
    #booking-categories .newCategoriesContainer .cl_flexBox_inner.active,
    #booking-categories .newCategoriesContainer .cl_superflexBox_inner.active,
    #booking-categories .newCategoriesContainer .cl_superflexBox_inner:hover {
        box-shadow: inset 0 0px 6px 2px rgba(0,0,0,0.25);
    }

    #booking-categories .newCategoriesContainer .cl_fixBox_inner,
    #booking-categories .newCategoriesContainer .cl_flexBox_inner,
    #booking-categories .newCategoriesContainer .cl_superflexBox_inner {
        cursor: pointer;
        transition: all .4s ease-in-out;
        box-shadow: inset 0 0px 6px 2px rgba(0,0,0,0.05);
    }
}

.whitebox_popular {
    margin:20px 0px;
   }
   .whitebox {
       position: relative;
       width: 748px;
       background: rgb(244,246,251) !important;
       border: 1px #c7cfdf solid;
       background: #f4f6fb !important;
       border-radius: 6px;
       margin: 20px;
   }

   .whitebox_speed {
    border-color: #E5EBF5FF !important;
    padding:5px 15px 5px 0px;
}
.messagebox_inner_kl, .whitebox_inner2 {
    padding: 0;
    margin: 16px;
    float: left;
    width: 195px;
    height: 135px;
}

.zusatz_image {
    float: left;
    height: 100%;
}

.whitebox_speed .zusatz_content_title {
    width: 100%;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin:2px 0px 15px 0px;
}

.cl_cat_flex, .cl_cat_fix {
    float:left;
    width:245px;
}

.cl_cat_fix {
    margin-left: 15px;
}
.whitebox_speed {
    display: flex;
}
.btn_speed_fix_inner , .btn_speed_flex_inner {
    position: relative;
    background-color:#FFCC00;
    padding:8px 10px;
    border-radius: 4px;
    color:#000;
    border:1px solid #E8E8E8FF;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    align-items: center;
    transition:.4s;
}
.btn_speed_fix_inner .discount-badge,
.fix-save {
    padding: 2px 20px;
    background: rgb(35,166,56);
    font-size: 12px;
    border-radius: 4px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    box-sizing: border-box;
}

.btn_speed_fix_inner .discount-badge {
    position: absolute;
    top: -21px;
    right: 14px;
}

@media (max-width: 768px) {
    .whitebox_speed {
        flex-direction: column;
    }
    .whitebox_inner2 {
        width: 100%;
        height: auto;
        padding-right: 16px;
    }
    .zusatz_image {
        width: 100%;
    }
    .cat-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 32px;
    }
    .whitebox {
        width: unset !important;
    }
    .cl_cat_fix {
        margin-left: 0 !important;
    }
    .houseAmenities span.dropdown-rating {
        font-size: x-small !important;
    }
    #booking-categories .newCategoriesContainer.filter_cat {
        padding-bottom: 0 !important;
    }

    #booking-categories .test-category {
        width: 100%;
    }

    #booking-categories .test-category-inner {
        box-shadow: none;
        border: 1px solid #293A88;
        padding: 10px !important;
        margin: 10px;
    }

    #booking-categories .test-category-headline, #booking-categories .rateContainer .cl_fixBox .cl_roomDescriptionHeadline {
        display: inline-block;
        font-size: 14px;
        text-align: left;
        color: #293a88 !important;
        background: #fff !important;
    }

    #booking-categories .cl_roomDescriptionSubline, #booking-categories .cl_roomDescriptionSubline {
        display: none !important;
    }

    #booking-categories .newCategoriesContainer .lowest-price {
        display: inline-block;
        float: right;
    }

    #booking-categories .newCategoriesContainer .active, #booking-categories .newCategoriesContainer .active, #booking-categories .newCategoriesContainer .active {
        background: #293a88;
        color: #fff !important;
    }

    #booking-categories .newCategoriesContainer .active .lowest-price, #booking-categories .newCategoriesContainer .active .lowest-price, #booking-categories .newCategoriesContainer .active .lowest-price {
        color: #fff !important;
    }

    #booking-categories .newCategoriesContainer .active .test-category-headline {
        color: #fff !important;
        background: #293a88 !important;
    }

    #booking-categories .cl_fixBox_inner, #booking-categories .cl_flexBox_inner {
        padding: 0;
    }

    #booking-categories .newCategoriesContainer .cl_fixBox_inner, #booking-categories .newCategoriesContainer .cl_flexBox_inner, #booking-categories .newCategoriesContainer .cl_superflexBox_inner {
        transition: all 0.5s ease-in-out;
        cursor:pointer;
        min-height: 90px;
    }
    #booking-categories .newCategoriesContainer .cl_fixBox_inner:hover,
    #booking-categories .newCategoriesContainer .cl_fixBox_inner.active,
    #booking-categories .newCategoriesContainer .cl_flexBox_inner:hover,
    #booking-categories .newCategoriesContainer .cl_flexBox_inner.active,
    #booking-categories .newCategoriesContainer .cl_superflexBox_inner.active,
    #booking-categories .newCategoriesContainer .cl_superflexBox_inner:hover {
        box-shadow: 0 6px 6px 2px rgba(0,0,0,0.37);
    }

    #booking-categories .test-price {
        display: none;
    }

    #booking-categories .category-tooltip {
        display: inline-block !important;
        margin-left: 5px;
    }

    #booking-categories .tooltip-content {
        display: none;
    }

    #booking-categories .test-tooltip-content {
        display: block !important;
    }

    #booking-categories .category-tooltip .category-tooltip-text {
        line-height: 1.7;
    }

    #booking-categories .test-price {
        display: none;
    }

    #booking-categories .flex-price-box {
        padding: 0 8px !important;
    }

    #booking-categories .newCategoriesContainer .lowest-price {
        margin: 0 !important;
    }

    #booking-categories .newCategoriesContainer .sel_cat {
        margin: 10px 0;
    }

    #booking-categories .price-box {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #293a88;
        border-top: 1px solid rgba(255, 255, 255, .4);
        padding: 8px 10px;
        z-index: 11;
    }

    #booking-categories .btn-disabled {
        pointer-events: none;
        opacity: .65;
    }

    #booking-categories .btn-next {
        line-height: 24px !important;
        background: #13a538;
        margin-top: 8px;
    }

    #booking-categories .be-club-note {
        margin-top: 12px;
    }

    #booking-categories .greyContainer .soldOut {
        width: 100%;
        text-align: center;
        transform: rotate(0);
        top: 58px;
        left: 11px;
        padding: 5px 14px;
        border: none;
        z-index: -1;
    }

    .cl_interactive_ctas {
        display: none;
    }

    #mobileResult {
        display: block !important;
        visibility: hidden;
    }

    .show-mobileResult {
        visibility: visible !important;
    }

    #mobileResultContainer {
        display: block !important;
    }

    .price-output {
        display: none;
        font-size: 28px;
        font-weight: 700;
        text-align: left;
        color: #fff;
    }

    .price-output .price {
        margin-left: 10px;
    }

    .show-booking-details {
        display: inline-block;
        font-size: 32px;
        margin-left: 0;
        color: #fff;
    }

    .flip {
        transform: rotate(180deg);
        transition: all .2s;
    }

    .price-title {
        float: left;
    }

    .price-details {
        float: right;
        font-size: 22px;
        margin-top: 2px;
    }

    .error-msg {
        display: none;
        width: -moz-fit-content;
        width: fit-content;
        font-size: 14px;
        font-weight: 700;
        padding-left: 18px;
        color: #e26902!important;
        background: url(https://cdn.aohostels.com/img/house/aohostels-information-icon-orange.png) 0 1px no-repeat;
        padding-top: 2px;
        line-height: 120%;
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: auto;
        margin-right: auto;
    }

    .error-msg .cl_ctaInfoTxt {
        font-size: 14px;
        margin-top: 8px;
        margin-bottom: 6px;
    }

    #cl_mobile_nextstep {
        background: #fff;
        top: 0;
        bottom: 104px;
        z-index: 111;
    }

    .cl_interactiveBox {
        position: absolute;
        width: 100%;
        bottom: 0;
    }

    #cl_mobile_result {
        border-top: 0;
    }
}
/* ---------- Mobile room booking categories [END] ---------- */


/* ---------- New Page Style [START] ---------- */
/* ----- General ----- */
@media (max-width: 992px) {
    .container {
        width: 100%;
        max-width: 100%;
        padding-right: 30px;
    }
}

/* ----- Breadcrumb ----- */
.house-dropdown {
    display: inline-block;
    position: relative;
    font-weight: 400;
    cursor: pointer;
    color: #337AB7;
    margin-left: 20px;
}

@media (max-width: 768px) {
    .house-dropdown {
        margin-left: 0;
    }
}

.house-dropdown .house-dropdown-title {
    font-weight: 700;
}

.house-dropdown .houses-list {
    display: none;
    position: absolute;
    top: 30px;
    width: 100%;
    cursor: auto;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    z-index: 11;
    padding: 10px 5px;
    list-style: none;
}

.house-dropdown .houses-list li a {
    color: #337AB7!important;
    text-decoration: underline;
    padding-left: 0!important;
}

.house-dropdown .houses-list li a:before {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 9px/1 FontAwesome;
    font-size: 10px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 3px;
}

@media (max-width: 992px) {
    .breadcrumb_inner {
        padding-left: 0 !important;
        padding-right: 15px !important;
        margin: 85px 0px 20px 0px;
        position: relative;
        z-index: 20;
        background: #fff;
    }
}

@media (max-width: 420px) {
    .house-dropdown {
        display: none;
    }
}

/* ----- Header ----- */
.house-content {
    padding-right: 0;
}

.house-header {
    position: relative;
}

.house-header:after {
    content: '';
    background: linear-gradient(180deg,rgba(0,0,0,0) 5%,rgba(0,0,0,.7) 76%);
    display: block;
    width: 100%;
    position: absolute;
    height: 177px;
    bottom: 0;
    left: 0;
}

.house-header .header-content {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 20px;
    z-index: 11;
}

.house-header .header-content .header-tags {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
}

.house-header .header-content .header-tags li {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    list-style: none;
    line-height: 16px;
    color: #FFF;
    background: #293A88;
    border-radius: 3px;
    padding: 3px 10px;
    margin-right: 8px;
}

.house-header .row-distance ul {
    padding: 0;
    margin-top: 40px;
}

.house-header .row-distance .distance-title {
    display: inline-block;
    width: 12%;
    font-weight: 700;
    color: #fff;
}

.house-header .row-distance .distance-location {
    display: inline-block;
    color: #fff;
    background: url(https://cdn.aohostels.com/img/house/header_images/standort-icon.png) no-repeat;
    background-size: 10px 14px;
    padding-left: 16px;
    padding-right: 20px;
}

.house-header-reviews {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.travelers-selection {
    padding: 0;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: pointer;
}


/* ----- Custom Dropdown for rating ----- */
.custom-dropdown {
    /* position: absolute;
    right: 15px;
    top: 20px;
    width: 220px; */
    background: #fff;
    border-radius: 4px;
    /* z-index: 10; */
    /* margin-bottom: 30px; */
    box-shadow: 0 2px 5px rgba(34, 34, 34, 0.15);
    transition: 0.25s;
}

.custom-dropdown .dropdown-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
}


.custom-dropdown .dropdown-title:hover {
    cursor: pointer;
}

.custom-dropdown .dropdown-title .fa {
    position: relative;
    right: -7px;
}

.dropdown-rating-text {
    font-size: 18px;
    font-weight: bold;
    color: #129911;
}

.dropdown-rating-count {
    font-size: 12px;
    font-style: italic;
}

.custom-dropdown.rating-vertical {
    box-shadow: none;
    margin-top: 35px !important;
}

.custom-dropdown.rating-vertical .dropdown-title  {
    flex-direction: column;
    align-items: center;
}

.custom-dropdown.rating-vertical .dropdown-rating {
    text-align: center;
}

.custom-dropdown.rating-vertical .circular-progress {
    margin:0;
}

.loading-house-rating {
    display: none !important;
    width: 150px;
    height: 100px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.house-rating-score.isLoading .loading-house-rating {
    display: flex !important;
}
.house-rating-score.isLoading .dropdown-title,
.house-rating-score.isLoading .dropdown-toggle {
    display: none;
}



.flip {
    transform: rotate(180deg);
}

.custom-dropdown .dropdown-number {
    display: inline-block;
    background: #293A88;
    border-radius: 3px;
    font-size: 24px;
    color: #FFF;
    font-weight: 700;
    text-align: center;
    min-width: 66px;
    line-height: 40px;
    margin-right: 10px;
}

.custom-dropdown .dropdown-rating strong {
    font-weight: 700;
    font-size: 18px;
    color: #129911;
    display: block;
    padding-top: 2px;
}

.custom-dropdown .dropdown-body {
    display: none;
    max-height: 200px;
    padding: 10px 8px 0px 0;
    border-top: 1px solid #ddd;
    overflow: hidden;
    margin: 0 7px 0 15px;
    transition: max-height .3s ease,padding .2s ease,border .2s ease;
}

.custom-dropdown .dropdown-body li {
    list-style: none;
    padding-left: 45px;
    line-height: 32px;
    margin-bottom: 10px;
    font-weight: 700;
    position: relative;
}

.custom-dropdown .dropdown-body li:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    position: absolute;
    left: 0;
    top: 0;
}

.custom-dropdown .dropdown-body li.icon-mood {
    color: #EA288B;
}

.custom-dropdown .dropdown-body li.icon-mood:before {
    background-color: #EA288B;
    background-image: url(https://cdn.aohostels.com/img/house/icons/icon-mood.png);
}

.custom-dropdown .dropdown-body li.icon-personal {
    color: #04BF04;
}

.custom-dropdown .dropdown-body li.icon-personal:before {
    background-color: #04BF04;
    background-image: url(https://cdn.aohostels.com/img/house/icons/icon-personal.png);
    background-size: 19px;
}

.custom-dropdown .dropdown-body li.icon-uncomplicated {
    color: #10CDE6;
}

.custom-dropdown .dropdown-body li.icon-uncomplicated:before {
    background-color: #10CDE6;
    background-image: url(https://cdn.aohostels.com/img/house/icons/icon-uncomplicated.png);
    background-position: center 48%;
    background-size: 17px;
}

.custom-dropdown .dropdown-body li.icon-bar {
    color: #E56D10;
}

.custom-dropdown .dropdown-body li.icon-bar:before {
    background-color: #E56D10;
    background-image: url(https://cdn.aohostels.com/img/house/icons/icon-bar.png);
}

.custom-dropdown .dropdown-body li.icon-breakfast {
    color: #E56D10;
}

.custom-dropdown .dropdown-body li.icon-breakfast:before {
    background-color: #E56D10;
    background-image: url(https://cdn.aohostels.com/img/house/icons/icon-breakfast.png);
    background-size: 19px;
}

.custom-dropdown .dropdown-body li.icon-cleanliness {
    color: #10CDE6;
}

.custom-dropdown .dropdown-body li.icon-cleanliness:before {
    background-color: #10CDE6;
    background-image: url(https://cdn.aohostels.com/img/house/icons/icon-cleanliness.png);
    background-position: center 48%;
    background-size: 17px;
}

.custom-dropdown .dropdown-body li.icon-connection {
    color: #EA288B;
}

.custom-dropdown .dropdown-body li.icon-connection:before {
    background-color: #EA288B;
    background-image: url(https://cdn.aohostels.com/img/house/icons/icon-connection.png);
}

.custom-dropdown .dropdown-body li.icon-equipment {
    color: #d1ba3d;
}

.custom-dropdown .dropdown-body li.icon-equipment:before {
    background-color: #d1ba3d;
    background-image: url(https://cdn.aohostels.com/img/house/icons/icon-equipment.png);
    background-size: 19px;
}

.custom-dropdown .dropdown-body li.icon-location {
    color: #3C24A6;
}

.custom-dropdown .dropdown-body li.icon-location:before {
    background-color: #3C24A6;
    background-image: url(https://cdn.aohostels.com/img/house/icons/icon-location.png);
    background-position: center 48%;
    background-size: 17px;
}

.custom-dropdown .dropdown-body li.icon-calendar {
    color: #3C24A6;
}

.custom-dropdown .dropdown-body li.icon-calendar:before {
    background-color: #3C24A6;
    background-image: url(https://cdn.aohostels.com/img/house/icons/kalender-icon.png);
    background-size: 19px;
}

.custom-dropdown .dropdown-body a {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .custom-dropdown {
        right: 8px;
        top: 12px;
        margin-bottom: 0 !important;
    }

    .custom-dropdown .dropdown-title {
        padding: 10px;
        gap: 4px;
        height: unset !important;
    }
    .custom-dropdown .dropdown-rating strong {
        font-size: 12px !important;
    }
}

/* ----- Custom Dropdown for travelers selection ----- */
.travelers-dropdown .travelers-toggle {
    display: block;
    width: 100%;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    line-height: 33px;
    border: 1px solid #ddd;
    border-radius: 5px;
    z-index: 11;
    padding: 0 8px 0 10px;
}

.travelers-dropdown .travelers-toggle .fa {
    position: absolute;
    right: 8px;
    font-size: 11px;
    top: 12px;
    z-index: 1;
}

.travelers-dropdown .dropdown-persons {
    display: none;
    position: absolute;
    left: -1px;
    top: 60px;
    width: calc(100% + 2px);
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    z-index: 11;
    transition: max-height .3s ease,opacity .2s ease,background .2s ease,border .2s ease;
    padding: 10px 10px 0;
}

.travelers-title {
    display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    float: left;
    color: #333;
    line-height: 12px!important;
    margin: 0!important;
    padding: 10px 0;
}
.traveler-category.snd .travelers-title{
    padding-top: 5px;
}
.traveller-button{
    width: 50%;
    margin: -5px 0 20px;
    float: left;
}
.dropdown-persons hr{
    margin: 5px 0 20px;
}
.traveller-button.noButton{
    border: none;
    background: 0 0;
    margin-top: 0;
    color: #757575;
    text-decoration: underline;
    text-align: left;
}
.traveler-category {
    text-align: right;
    padding-left: 0;
    padding-bottom: 10px;
}
.description p, .specialty, .house-extended-content p, .tab-content p{
    line-height: 22px;
}
.traveler-minus-btn, .traveler-plus-btn {
    width: 32px;
    height: 32px;
    background: #fff !important;
    border: 1px solid #337AB7 !important;
    border-radius: 32px;
}

.traveler-minus-btn:hover, .traveler-plus-btn:hover {
    cursor: pointer;
}

.traveler-minus-btn:before {
    width: 12px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -1px;
    background: #357ab8;
}

.traveler-plus-btn:before {
    width: 10px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
    background: #357ab8;    }

.traveler-plus-btn:after {
    content: '';
    width: 2px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1px;
    margin-top: -5px;
    background: #357ab8;
}

.input-travelers {
    width: 41px !important;
    color: #333 !important;
    border: none !important;
}

.input-children {
    display: none;
}


/* ----- Image Gallery ----- */
.gallery-thumbnail {
    display: inline-block;
    width: 8.65%;
    margin: 5px;
}

.lg-download {
    display: none;
}

#lg-counter {
    display: none;
}

.house-gallery .row-distance ul {
    padding: 0;
    margin-top: 20px;
}

.house-gallery .row-distance .distance-title {
    display: inline-block;
    font-weight: 700;
    color: #000;
    padding-right: 20px;
}

.house-gallery .row-distance .distance-location {
    display: inline-block;
    color: #000;
    background: url(https://cdn.aohostels.com/img/house/header_images/standort-icon.png) no-repeat;;
    background-size: 10px 14px;
    padding-left: 16px;
    padding-right: 16px;
}

@media(min-width: 768px) {
    #bxsliderHouseThumbnailContainer {
        margin-top: 10px;
    }
}

@media(max-width: 768px) {
    #bxsliderHouseThumbnailContainer {
        display:none;
    }
}
.col-md-3.booking-btn{
    padding-right:0;
}
/* ----- Sidebar ----- */
.sidebar-rating {
    padding-right: 30px;
}

.sidebar-rating .custom-dropdown {
    position: unset;
    margin-top:20px;
}

.sidebar-rating .custom-dropdown .dropdown-body {
    display: block;   
}

.sidebar-rating .custom-dropdown .dropdown-title {
    cursor: auto;
}

.sidebar-rating .custom-dropdown .dropdown-title .fa {
    display: none;
}

.link-to-reviews {
    cursor: pointer;
}

.link-to-activities, .link-to-location {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    padding-top: 7px;
}

.side-benefits {
    margin-top: 55px;
}

.side-benefits h4 {
    font-size: 16px;
    font-weight: 700;
    color: #129911;
    margin-bottom: 15px;
}

.side-benefits ul {
    padding: 0;
}

.side-benefits ul li {
    position: relative;
    list-style: none;
    padding-left: 17px;
    margin-bottom: 12px;
}

.side-benefits ul li .fa {
    position: absolute;
    left: 0;
    font-size: 14px;
    color: #129911;
}

.barmenu-link {
    display: block;
    width: 100%;
    font-weight: 700 !important;
    text-align: center;
    text-decoration: none !important;
    color: #fff !important;
    background: #129911;
    border: 1px solid #129911;
    border-radius: 4px;
    padding: 7px;
    transition: all .2s;
}

.barmenu-link .fa {
    padding-right: 2px;
}

.barmenu-link:hover {
    color: #129911 !important;
    background: #fff;
    border: 1px solid #129911;
}

.barmenu-link-tablet {
    display: block;
    width: 30%;
    font-weight: 700 !important;
    text-align: center;
    text-decoration: none !important;
    color: #fff !important;
    background: #293a88;
    border: 1px solid #293a88;
    border-radius: 4px;
    padding: 7px;
    margin: 30px auto 10px;
    transition: all .2s;
}

.barmenu-link-tablet .fa {
    padding-right: 2px;
}

.barmenu-link-tablet:hover {
    color: #293a88 !important;
    background: #fff;
    border: 1px solid #293a88;
}

.barmenu-link-mobile {
    font-size: 16px;
    text-decoration: underline;
    color: #fff !important;
    background-color: #293a88;
    border-color: #ddd;
    padding: 10px 15px;
    margin-top: 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.barmenu-link-mobile p {
    padding-top: 5px;
    margin-bottom: 5px;
}

.zahlung_left {
    background: rgba(51,122,183,.1);
    border: 1px solid rgba(51,122,183,.2);
    border-radius: 5px;
    padding: 3px 10px 10px;
}

.zahlung_left .sidebar_block_title {
    text-transform: unset;
    text-align: center!important;
    font-weight: 700;
    font-size: 16px;
    color: #293A88;
    letter-spacing: 0!important;
    margin: 0 0 15px!important;
}

.zahlung_left span.po {
    width: 52px;
    height: 52px;
}

.zahlung_left .vorkasse {
    position: relative;
    max-width: calc(100% - 10px);
    font-size: 12px;
    text-align: center;
    color: #FFF;
    background: #0E7D01;
    border-radius: 3px;
    bottom: -20px;
    padding: 7px 4px;
    margin: -20px 5px 0;
}

.zahlung_left .vorkasse:hover {
    color: #fff !important;
    background: #0e8601;
}


/* ----- Tabs ----- */
.main-content {
    margin-left: 0;
    margin-right: 0;
}

.benefits-container {
    display: block !important;
    position: relative;
    color: #333;
    background: rgba(20,153,19,.05);
    border: 1px solid #149913;
    border-radius: 3px;
    padding: 12px 15px 12px 55px;
    margin: 25px 0 10px;
}

.benefits-container .fa {
    position: absolute;
    left: 15px;
    top: 12px;
    width: 32px;
    height: 32px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #149913;
    border-radius: 50%;
    padding-top: 8px!important;
}

.benefits-container b, .benefits-container strong {
    display: block;
    font-size: 16px;
    color: #149913;
    margin-bottom: 3px;
}

.tab1 .row-distance ul {
    padding: 0;
    margin-top: 20px;
}

.tab1 .row-distance .distance-title {
    display: inline-block;
    font-weight: 700;
    color: #000;
    padding-right: 20px;
}

.tab1 .row-distance .distance-location {
    display: inline-block;
    color: #000;
    background: url(https://cdn.aohostels.com/img/house/header_images/standort-icon.png) no-repeat;;
    background-size: 10px 14px;
    padding-left: 16px;
    padding-right: 16px;
}

.info-row {
    margin: 0;
}

.reviews-title {
    display: block;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #293A88;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-top: 60px;
}

.rating-number {
    display: inline-block;
    min-width: 66px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 40px;
    color: #FFF;
    background: #293A88;
    border-radius: 3px;
    margin-right: 10px;
}

.rating-text {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #129911;
    padding-top: 2px;
}

.h3-content {
    font-size: 24px;
    color: #293a88;
    border-bottom: 0;
}

.services-block {
    margin-top: 20px;
}

.details-link {
    text-decoration: underline;
}
@media(max-width:768px){
    #houseMainTabs.main-tabs{
        padding:0;
    }
    #houseMainTabs.main-tabs .tab-content{
        padding:0 5px;
        border:none;
    }
    .main-content{
        margin:0 -15px;
    }
}
@media (max-width: 992px) {
    .booking-date {
        padding-left: 0;
    }

    .booking-btn {
        padding-right: 0;
    }
}


/* ----- Booking Form ----- */
.fix-benefit {
    text-align: center;
}

@media (max-width: 768px) {
    .fix-benefit {
        display: none;
    }
}

.fix-save {
    z-index: 10;
    position: absolute;
    bottom: 35%;
    right: 3px;
}

#booking-categories .fix-benefit--above-price {
    margin: 2px 0 8px;
    padding: 0;
}

#booking-categories .fix-benefit--above-price .fix-save {
    position: static;
    display: inline-block;
    top: auto !important;
    left: auto !important;
}

@media(max-width:998px){
    .fix-save {
        bottom: 85px !important;
    }
}


/* ----- Groupbooking Form ----- */
.large-group-form {
    border: 1px solid #ddd;
}

#form.large-group-form input.form-control, #form.large-group-form input.form-control:hover {
    border: none;
    border-bottom: 1px solid #999;
    border-radius: 0;
    box-shadow: none !important;
}

#form.large-group-form input.form-control:focus {
    border: none;
    border-bottom: 1px solid #293a88;
    background: linear-gradient(0deg, rgba(243, 244, 247, 0.72) 0%, rgba(243,244,247,0) 94%);
}

#form.large-group-form #country_code_content {
    margin-top: 15px;
}

.large-group-form h3 {
    font-size: 22px;
    color: #293a88;
    margin-top: 30px;
}

.large-group-form p {
    font-size: 14px;
    padding-bottom: 20px;
}

.form-horizontal .form-group {
    margin: 0;
}

.country-select {
    width: 100%;
}

.btn-group-form {
    background: #ef5934;
    margin: 0 auto 30px auto;
}


/* ---------- Carousel ---------- */
.slick-slider {
    position: relative;
    overflow:hidden;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    outline: 0;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* ---- Custom ---- */
.slick-slider {
    margin-bottom: 60px !important;
}

.slick-slide {
    position: relative;   
}

.slick-dots li button {
    width: 15px;
    height: 15px;
    background: #707173 !important;
    border-radius: 50%;
    box-shadow: 0px 0px 7px #fff;
}

.slick-dots li button:before {
    content: '';
}

.slick-dots .slick-active button {
    background: #293a88 !important;
}

.slider-img {
    width: 100%;
    height: auto;
}

.slick-prev, .slick-next {
    width: 35px !important;
    height: 35px !important;
    padding: 0;
    transform: translate(0, -50%);
    background: #fff !important;
    box-shadow: 0 2px 8px 0 #B8B8B8;
    border-radius: 50%;
    z-index: 11;
}

.slick-prev {
    left: 0 !important;
}

.slick-prev:before {
    font: normal normal normal 14px/1 FontAwesome !important;
    content: "\f104" !important;
    font-size: 28px !important;
    color: #666 !important;
    padding-right: 2px;
}

.slick-next {
    right: 0 !important;
}

.slick-next:before {
    font: normal normal normal 14px/1 FontAwesome !important;
    content: "\f105" !important;
    font-size: 28px !important;
    color: #666 !important;
    padding-left: 2px;
}

.slick-dots {
    bottom: -55px !important;
}

@media (max-width: 768px) {
    .slick-slider {
        margin-bottom: 10px !important;
    }
}
/* ---------- New Page Style [END] ---------- */
.houseAmenities{
    left: 15px;
    top: 20px;
    width: auto;
    border-radius: 3px;
    margin-bottom: 30px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.houseAmenities img{
    max-width: 45px;
    margin-right: 10px;
    transition: all 0.5s ease-in-out;
    transform:scale(1);
}
.houseAmenities .dropdown-title{
    padding: 5px 15px;
    cursor:pointer;
    position: relative;
}
.houseAmenities .dropdown-title:hover img, .houseAmenities .dropdown-title:hover .dropdown-rating{
    transform:scale(1.05);
}
.houseAmenities hr{
    margin: 0;
}
.houseAmenities span.dropdown-rating {
    color: #293a88;
    font-weight: bold;
    font-size: 12px;
}
.visible-xs.house-gallery .dropdown-title{
    padding: 5px 8px;
}
.visible-xs.house-gallery .houseAmenities img{
    max-width:28px;
    height: auto;
    margin-right: 0px;
}
.visible-xs.house-gallery{
    position: relative;
}
.visible-xs.house-gallery .houseAmenities hr{
    display:none;
}
.visible-xs.house-gallery .houseAmenities{
    margin: 0 0 0px;
    bottom: 0px;
    left:0;
    z-index:1;
    background:rgba(255,255,255,0.8);
    border-radius:5px 5px 0 0;
    top:unset;
}
.visible-xs.house-gallery .houseAmenities span.dropdown-rating {
    color: #293a88;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: -0.6px;
}
.visible-xs.house-gallery .houseAmenities span.dropdown-rating strong {
    font-weight: 400;
}
.iconHover {
    background: #fff;
    top: 100%;
    border: 1px solid #293a88;
    padding: 15px;
    position: absolute;
    width: 100%;
    display:none;
    border-radius: 6px;
    z-index: 10;
}
.iconHover:after, .iconHover:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.iconHover:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}
.iconHover:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #293a88;
    border-width: 7px;
    margin-left: -7px;
}
.visible-xs.house-gallery .iconHover{
    width: 150%;
}
@media(max-width: 500px){
    .visible-xs.house-gallery .houseAmenities{
        margin: 0 0 0px;
    }
}
/* FAQ TAB */
#accordion-tab1 .ui-state-default{
    font-size: 16px !important;
    background: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    outline: none;
}

#accordion-tab1 .ui-state-default:hover{
    color: #293a88;
    border-color: #293a88;
}

#accordion-tab1 .ui-state-active{
    font-size: 14px;
    color: #293a88;
    border-bottom: 1px solid #293a88;
    border-radius: 0!important;
    outline: none;
}

#accordion-tab1 .ui-icon-triangle-1-e{
    background-position: -66px 0px;
    border-radius: 50%;
}

#accordion-tab1 .ui-icon-triangle-1-s{
    background-position: 0px 0px;
    border-radius: 50%;
}

#accordion-tab1 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #707173;
}
#accordion-tab1 .ui-accordion-content{
    border: none;
}
#accordion-tab1 .tab-content p {
    font-size: 14px;
}

#accordion-tab1 .ui-widget-content a {
    color: #337ab7;
}
/* SELF EFFICACY */
@media (max-width: 768px) {
    .cl_roomHeadline span,
    .cl_roomHeadline_first span {
        padding: 0;
    }
    .pic-responsive-content.withOverlay .titleContainer {
        background: rgba(255, 255, 255, 0.8);
        padding: 10px;
        color:  #293a88 !important;
    }
    .pic-responsive-content.withOverlay .titleContainer .infoDesc{
        color:  rgb(41, 58, 136) !important;
        margin: 5px 0 15px;
    }
    .pic-responsive-content.withOverlay .titleContainer .cl_roomHeadline,
    .pic-responsive-content.withOverlay .titleContainer .cl_roomSubline {
        color: #293a88 !important;
    }
    .moreDesc i {
        color: #293a88 !important;
    }
    p.cl_roomSubline {
        font-weight: 300;
        max-width: 300px;
        margin: 0px;
    }
    #booking-categories .newCategoriesContainer .cl_fixBox_inner,
    #booking-categories .newCategoriesContainer .cl_flexBox_inner,
    #booking-categories .newCategoriesContainer .cl_superflexBox_inner {
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border: 0px;
    }
    .newCategoriesContainer .pic-responsive-content {
        margin-bottom: 5px;
    }
    .cl_roomDescriptionHeadline.test-category-headline {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 100%;
        margin: 0px;
        padding: 0px;
    }
    br.hidden-sm.hidden-md.hidden-lg {
        display: none;
    }
    #booking-categories .flex-price-box,
    .newCategoriesContainer .lowest-price,
    .newCategoriesContainer label {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 50%;
        text-align: left;
        padding: 0px !important;
        margin: 0px !important;
        color: rgb(255, 255, 255) !important;
    }
    .form-control.sel_cat {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 50%;
    }
    small.subNight::before {
        content: " ";
    }
    .cl_fixBox_inner,
    .cl_flexBox_inner {
        background-color: rgb(41, 58, 136);
    }
    .cl_fixBox_inner.active,
    .cl_flexBox_inner.active {
        opacity: 1;
    }
    #booking-categories .rateContainer .cl_fixBox .cl_roomDescriptionHeadline,
    #booking-categories .test-category-headline {
        background: 0px 0px !important;
        color: rgb(255, 255, 255) !important;
    }
    /* added :not selector to fix group bookings */
    .availability_inner_div:not(.availability_inner_div_group) {
        margin-bottom: 0px;
    }
    /* added to fix room seelction view in group booking */
    .availability_inner_div_group>div:nth-child(2)  {
        margin-top: 15px;
    }

    /* Hide new Self-Efficacy Text on Mobile and Tablet */
    .pa-informer {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    .newCategoriesContainer .cl_fixBox, .newCategoriesContainer .cl_flexBox {
        position:relative;
    }
    .newCategoriesContainer .select_cat {
        float: none;
        position: absolute;
        width: 60%;
        padding: 0 15px;
        right: 0;
        bottom: 0!important;
        top: 20px!important;
        margin-left: auto;
    }.selectlist_rooms {
         margin-top: 16px!important;
     }
    .availability_div_group .cl_roomHeadline span, .cl_roomHeadline_first span {
        /* added to fix group booking */
        padding-left: 15px;
    }
}


@media (min-width: 769px) and (max-width: 991px) {
    .newCategoriesContainer .cl_fixBox, .newCategoriesContainer .cl_flexBox {
        position:relative;
    }
    .newCategoriesContainer .select_cat {
        float: none;
        position: absolute;
        width: 100%;
        padding: 0 0px;
        right: 0;
        bottom: 0!important;
        top: 0px!important;
        margin-left: auto;
    }.selectlist_rooms {
         margin-top: 16px!important;
     }
}


@media (min-width: 769px) {
    .pic-responsive-content.withOverlay .titleContainer {
        background: rgba(41, 58, 136, .5);
    }
    .newCategoriesContainer .cl_roomDescriptionHeadline {
        padding: 10px 5px;
        font-size: 14px;
    }
    .lowest-price.normal_price {
        font-size: 24px;
        line-height: 0.8;
    }
    .lowest-price .price-tooltip {
        font-size: 12px;
    }
    .newCategoriesContainer .select_cat {
        position: relative;
        bottom: 0px;
        padding: 0px 10px 20px 10px;
        background: rgb(231, 231, 231);
    }
    #result .availability_inner_div>div {
        display: flex;
    }
    #result .availability_div_group .availability_inner_div>div>div {
        /* added to fix group booking */
        border: 0px;
    }
    #result .availability_inner_div>div>div {
        /* added .result selecter to exclude further funnel */
        border: 1px solid rgb(231, 231, 231);
    }
    .availability_inner_div>div>div:nth-child(2n) {
        border-left: 0px;
    }
    div.cl_roomSelect {
        margin: 0px;
        padding: 0px;
    }
    .select_cat {
        margin: 0px;
    }
    .cl_fixBox.noPadding {
        margin: 0px;
    }
    .cl_discountContent div p,
    .cl_fixContent div p,
    .cl_flexBox,
    .cl_flexContent div p {
        margin: 0px;
    }
    .cl_fixBox_inner>*,
    .cl_flexBox_inner>* {
        opacity: 0.8;
    }
    .cl_fixBox_inner .fix-benefit,
    .cl_flexBox_inner .fix-benefit {
        opacity: 1;
    }
    .cl_fixBox_inner.active>*,
    .cl_flexBox_inner.active>* {
        background-color: rgb(231, 231, 231);
        opacity: 1;
    }
    .cl_fixBox_inner .cl_roomDescriptionHeadline,
    .cl_flexBox_inner .cl_roomDescriptionHeadline {
        background: rgb(41, 58, 136);
        opacity: 1;
    }
    .lowest-price small::before {
        content: " ";
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    span.fix-save {
        top:15px !important;
        left: 170px !important;
    }
}


.moreDesc {
    position: absolute;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    bottom: 5px;
}

.cl_flexBox.noPadding {
    margin: 0px;
    height: 100%;
}

#booking-categories .newCategoriesContainer .cl_flexBox_inner {
    position: relative;
    z-index: 12;
}

#booking-categories .newCategoriesContainer .cl_fixBox_inner.active,
#booking-categories .newCategoriesContainer .cl_fixBox_inner:hover,
#booking-categories .newCategoriesContainer .cl_flexBox_inner.active,
#booking-categories .newCategoriesContainer .cl_flexBox_inner:hover,
#booking-categories .newCategoriesContainer .cl_superflexBox_inner.active,
#booking-categories .newCategoriesContainer .cl_superflexBox_inner:hover {
    box-shadow: none;
}

#booking-categories .newCategoriesContainer .cl_fixBox_inner,
#booking-categories .newCategoriesContainer .cl_flexBox_inner,
#booking-categories .newCategoriesContainer .cl_superflexBox_inner {
    box-shadow: none;
}

.price-tooltip .price-tooltip-text {
    line-height: 1.2;
}

button.btn.btn-default.change_room.plus {
    background: rgb(239, 89, 52);
    color: rgb(255, 255, 255);
}

button.btn.btn-default.change_room.minus {
    background: rgb(188, 188, 188);
    color: rgb(255, 255, 255);
}

.room_input.fix.form-control {
    background: rgb(255, 255, 255);
}

.availability_inner_div .row.p-3.text-center {
    margin: 0!important;
    padding: 0 0 10px!important;
    flex: 1 0 50%;
}

.availability_inner_div button.btn.btn-default.change_room.minus,
.availability_inner_div button.btn.btn-default.change_room.plus {
    border: 0;
    border-radius: 0;
    height:34px;
    outline: none;
}

.form-control[disabled] {
    background-color:#fff !important;
}

/* CSS for new Self-Efficacy Text */
.pa-informer ol {
    list-style-position: initial;
    list-style-image: initial;
    list-style-type: none;
    list-style: none!important;
    counter-reset: pa-info-counter 0;
    margin: 20px 0px;
    padding: 0px;
    font-size: 14px;
}
.pa-informer ol li {
    counter-increment: pa-info-counter 1;
    margin: 5px 0px;
}
.pa-informer ol li::before {
    content: counter(pa-info-counter);
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    font-weight: 700;
    background-color: rgb(41, 58, 136) !important;
}
.pa-informer.groupInformer .category-tooltip-text{
    bottom: -60px;
    left: 5px;
}
/* End of: CSS for new Self-Efficacy Textbox */
/** NEW CALENDAR AND INPUT FIELDS **/

.adultContainer,
.childContainer {
    text-align: center;
    margin-top: 10px
}
.adultContainer, .calendarContainer{
    width: 33.33%;
    padding-top:0;
    float:left;
}
.calendarContainer.focus input#newCalendar,
.adultContainer.focus input.peoplesInput {
    background: #f9cd00 !important;
    outline: 0 !important;
    color: #293a88 !important
}

.adultContainer.focus i,
.calendarContainer.focus i {
    color: #293a88 !important
}

.adultContainer .fa.fa-user {
    font-size: 26px;
    color: #293a88;
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 15px;
}

.personChoiceContainer {
    display: none;
    background: #fff;
    padding: 20px 0 25px;
    position: absolute;
    z-index: 11;
    width: 100%!important;
    box-shadow: 0 0 8px 0 #b8b8b8;
}

.peoplesInput,
.personSaveButton {
    color: #fff !important;
    width: 100%
}

#newCalendar,
#newCalendarMobile,
#newCalendarTop,
#newCalendarBot{
    z-index: 11;
    position: relative;
    font-size: 14px;
    color: #293a88;
    background: rgba(255, 255, 255, 1) !important;
    width: 100%;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 12px 15px 9px 45px;
    cursor: pointer;
    height: auto !important;
    border: 1px solid #293a88;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}
.calendarContainer .fa.fa-calendar {
    font-size: 22px;
    color: #293a88;
    position: absolute;
    z-index: 12;
    top: 12px;
    left: 30px;
}
.daterangepicker {
    margin-top: 1px !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 0 8px 0 #b8b8b8;
}

.peoplesInput:after,
.peoplesInput:before,
.select-styled.select-active:after,
.select-styled.select-active:before {
    position: absolute;
    display: inline-block;
    content: '';
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker:before {
    left: 0 !important;
    top: -14px;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-bottom: 14px solid #ccc
}

.daterangepicker:after {
    left: 0 !important;
    top: -13px;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
    border-left: 13px solid transparent
}

.peoplesInput:before,
.select-styled.select-active:before {
    bottom: -3px;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-bottom: 14px solid #ccc
}

.peoplesInput:after,
.select-styled.select-active:after {
    bottom: -3px;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
    border-left: 13px solid transparent
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #293a88;
    border-color: transparent;
    color: #fff
}

.peoplesInput {
    font-size: 14px !important;
    background: rgba(255, 255, 255, 1) !important;
    transition: all 0.2s ease-in-out;
    padding: 12px 15px 9px 45px;
    cursor: pointer;
    border-radius:4px;
    color: #293a88!important;
    border: 1px solid #293a88;
}

.personCloseButton {
    margin-top: 25px;
    padding: 9px;
    width: 100%;
}

.personSaveButton {
    background: #293a88;
    border-radius: 4px;
    padding: 10px 15px;
    display: block;
    margin-top: 25px;
    text-decoration: none !important;
    cursor: pointer;
    transition: all .2s ease-in
}

.personSaveButton:hover {
    background: #212f6f;
}
.personChoiceContainer .anz_less, .personChoiceContainer .anz_more {
    background: #293a88;
    border: 1px solid #293a88;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    cursor: pointer;
    transition: all .2s ease-in;
}
#ageKidContainer,
#ageKidContainerZero,
#ageKidContainerOne,
#ageKidContainerTwo{
    width: 89%;
    margin: 20px auto;
}

#ageKidContainer select,
#ageKidContainerZero select,
#ageKidContainerOne select,
#ageKidContainerTwo select {
    width: 100%;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #ebebeb;
    margin: 10px 0;
    font-size: 14px;
}
.personChoiceContainer input.input_choice{
    border: none;
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
    width: 100%;
}
.adultContainer .fa-chevron-down,
.calendarContainer .fa-chevron-down{
    pointer-events: none;
    color: #293a88;
}
@media (max-width:768px) {
    .personChoiceContainer {
        position: fixed !important;
        width: 100% !important;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 100000 !important;
        padding-top: 50px !important;
        text-align:center;
    }
    .house-header{
        display:none;
    }
    ul.house-tabs{
        display: none !important;
    }
    .main-tabs>div{
        border:none !important;
    }
        .guests-dropdown-menu {
            z-index: 99999999;
            position: fixed !important;
            top: 0;
            left: 0;
            margin: unset;
            width: 100%;
            min-height: 100%;
            padding-top: 20% !important;
            background-color: #fff;
        }
    
        .dropdownMenu {
            min-width: 100%;
        }
    
        .errorbox {
            border: 2px solid #d50000;
            border-radius: 6px;
        }
    
        .page-container {
            padding: 16px;
        }
    
        .row,
        .dropdownPeopleContainer {
            min-width: 100%;
        }
    
        .calendar-popover {
            display: block;
            top: 0;
            position: fixed;
            left: 0;
            width: 100%;
            z-index: 99999999;
            height: 100%;
        
    }
    .noButton {
        display: block;
        border: 1px solid #ccc;
        width: 100%;
    }
    .multiselect__tags {
        border: 1px solid #293a88 !important;
        min-height: 32px !important;
    }
}
.companyInformation{
    background: rgba(51,122,183,.2);
    padding:10px;
    border-radius:6px;
    color:#293a88;
    margin-top:20px;
    font-size:11px;
}
.moreHouses .cl_newChoicebox{
    width:100%!important;
}
.moreHouses .personChoiceContainer .cl_newChoicebox input.input_choice{
    padding:0!important;
}
.calendarContainer.focus > input, .adultContainer.focus > input{
    color: #293a88!important;
}
.breakfast_category{
    display:none;
}

.breakfastFilterContainer .form-group.active{
    background: #FFCB04;
}
.breakfastFilterContainer .cbx:checked+.styledCheck{
    color: #333333;
}
.breakfastFilterContainer .cbx:checked+.styledCheck svg,
.styledCheck:hover svg{
    stroke: #333333;
}

@media(max-width:489px){
    .breakfastFilterContainer span.labelFilter {
        position: relative !important;
        line-height: 1.3;
        display: inline-block;
    }
    .breakfastFilterContainer .styledCheck {
        display: flex !important;
        align-items: center !important;
    }
}
/* Summer deal */
.summer-deal-container {
    position:absolute;
    top:0;
    right:0;
    margin:10px;
}

.summer-deal-container a {
    display:block;
    border-radius: 100%;
    padding:0px;
    margin:0px;
    cursor: pointer;
}

.summer-deal-container object {
    max-width:130px;
    width:100%;
    pointer-events: none;
}

@media(max-width: 512px) {
    .summer-deal-container {
        margin:5px;
    }

    .summer-deal-container object {
        max-width: 95px;
    }
}
#bxsliderHouseHeaderContainer .bx-wrapper{
    margin:0 auto!important;
}
#bxsliderHouseHeaderContainer .bx-viewport, #bxsliderHouseThumbnailContainer .bx-viewport{
    box-shadow:none!important;
    left:0!important;
    border:none!important;
}
#bxsliderHouseHeader > li > img{
    width:100%;
}
#bxsliderHouseHeader > li{
    overflow:hidden;
}
#bxsliderHouseThumbnailContainer .bx-wrapper .bx-prev{
    left:-25px;
}
#bxsliderHouseThumbnailContainer .bx-wrapper .bx-next {
    right: -37px;
}
#bxsliderHouseThumbnailContainer .bx-wrapper .bx-controls-direction a{
    text-indent: 0!important;
    margin-top:-10px!important;
    background:none!important;
}
#bxsliderHouseThumbnailContainer .bx-wrapper .bx-controls-direction a i{
    font-size:30px;
    color:#293a88;
}
.main-tabs > .main-tabs-container{
    background: #fff;
    border: 1px solid rgba(51, 122, 183, .2);
    border-radius: 5px;
    font-size: 16px;
    padding: 1px;
    margin-top:20px;
    /* iOS Chrome fix: Force hardware acceleration */
    transform: translateZ(0);
    backface-visibility: hidden;
}

.house-tabs li{
    /* float: left; */
    list-style: none;
    /* padding: 13px 0 3px; */
    cursor: pointer;
}
/* .house-tabs li.tab_last a{
    padding: 13px 0 3px;
} */

ul.house-tabs{
    padding:0;
    margin:0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* iOS Chrome fix: Prevent tap highlight */
    -webkit-tap-highlight-color: transparent;
    /* gap: 10px; */
}

.house-tabs li {
    flex: 1;
    min-width: 0;
    text-align: center;
    margin-bottom: 0;
    margin-right: 4px;
    color: var(--ao-blue);
    transition: .25s;
    padding: 15px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 1;
    box-sizing: border-box;
    /* iOS Chrome fix: Improve touch handling */
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    /* iOS Chrome fix: Force hardware acceleration */
    transform: translateZ(0);
}
.house-tabs li:last-child {
    margin-right: 0;
}
.house-tabs li.has-link {
    padding: 0;
    flex: 1;
    min-width: 0;
}
.house-tabs li.has-link a {
    padding: 15px;
    display: block;
    text-decoration: none;
}

.house-tabs li:hover {
    background: #eceff7;
    transition: .1s;
}

.house-tabs li a {
    text-align: center;
    /* transition: background .3s ease; */
    border: 0;
    line-height: 140%;
    /* color: #337AB7; */
    /* margin-right: 2px; */
    /* border-radius: 4px 4px 0 0; */
    position: relative;
    display: block;
    color: inherit;
}

.house-tabs p {
    font-size: 16px;
    font-weight:600;
    color: inherit;
    margin: 0;
}

/* .house-tabs > li.active > a, 
.house-tabs > li.active > a:hover, 
.house-tabs > li.active > a:focus {
    border: 0px;
    font-size: 16px;
    line-height: 133%;
    color: white;
    padding: 0;
} */

.house-tabs li.active {
    text-align: center;
    color: white !important;
    background: #293a88;
    border-radius: 3px;
    /* transition: background .3s ease; */
    margin-bottom:0;
    /* iOS Chrome fix: Ensure active state renders correctly */
    backface-visibility: hidden;
}

/* .house-tabs li.tab_last{
    padding: 0;
} */

@media(max-width:992px){
    .house-tabs li a {
        padding-right: 0;
    }
}

#bxsliderHouseThumbnail a{
    opacity:1;
    transition: all 0.2s ease-in-out;
}
#bxsliderHouseThumbnail a:hover{
    opacity:.7;
}
@media(min-width:768px) and (max-width:1200px){
    #bxsliderHouseThumbnailContainer{
        padding:0 30px;
    }
}
@media(min-width:992px){

    .tab_drawer_heading.d_active{
        display:none;
    }
}
.tab-content{
    padding: 20px;
}

/* Winter Deal */
.winter-deal-badge {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #293a88;
    padding: 21px 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 1.3;
    text-align: center;
    transform: rotate(-12deg);
    font-size: 13px;
    animation: blink 1.3s infinite;
    color:#fff;
    box-shadow: 0px 4px 20px 2px rgba(0,0,0,0.2);
}

.winter-deal-badge b {
    font-size: 22px;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
}

.house .dropdown-toggle {
    background-color: #fff !important;
}

.house .dropdown-menu {
    height: -moz-fit-content !important;
    height: fit-content !important;
}

.swiper-wrapper {
    max-height: 600px;
}

/* iOS Chrome / WebKit specific fixes for better cross-browser compatibility */
@supports (-webkit-touch-callout: none) {
    /* iOS Chrome: Fix for tab container rendering */
    .main-tabs,
    .main-tabs > .main-tabs-container {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
             text-size-adjust: 100%;
    }
    
    /* iOS Chrome: Fix for flexbox rendering issues */
    ul.house-tabs {
        box-sizing: border-box;
    }
    
    /* iOS Chrome: Fix for border-radius rendering */
    .house-tabs li,
    .house-tabs li.active,
    .main-tabs,
    .main-tabs > .main-tabs-container {
        backface-visibility: hidden;
        will-change: transform;
    }
    
    /* iOS Chrome: Fix for touch interactions */
    .house-tabs li {
        cursor: pointer;
        -webkit-touch-callout: none;
    }
    
    /* iOS Chrome: Fix for viewport units if used */
    @media (max-width: 768px) {
        #houseMainTabs {
            /* Prevent iOS Chrome from adjusting layout on orientation change */
            -webkit-text-size-adjust: 100%;
            -moz-text-size-adjust: 100%;
                 text-size-adjust: 100%;
        }
    }
}