/*-------------------------------  OFFERS PAGE V2 ------------------------------*/
/* Box Sizing */
.offers-listing-wrapper, .offers-listing, .offer, .offer-link, .offer .offer-title, .offer .offer-description, .offer .offer-includes, .offer .offer-date-range, .offer-box {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/* START offers-listing-wrapper */
.offers-listing-wrapper {
    background-color: rgba(255,255,255,0.8);
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 50px 0;
}

.offers-listing-wrapper h2 {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
}

/* offers listing */
.offers-listing {
    display: block;
    overflow: hidden;
    position: relative;
}

.offer {
    display: block;
    margin: 15px auto 30px;
    padding: 0;
    text-align: left;
    list-style: none;
}

/* box offer */
.offer-link {
    background-color: #F1F1F1;
    display: block;
    color: inherit;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.offer .offer-link:active, .offer .offer-link:hover {
    text-decoration: none;
}

.offer .offer-title, .offer .offer-description, .offer .offer-includes, .offer .offer-date-range {
    overflow: hidden;
    margin-bottom: 10px!important;
    padding: 0 15px;
}

.offer .offer-title {
    display: block;
    font-family: inherit;
    font-size: 1.6em;
    font-weight: bold;
    line-height: normal;
    padding-top: 15px;
    word-break: break-word;
}

.offer .offer-description, .offer .offer-includes {
    display: block;
    font-size: 1em;
    font-family: inherit;
    line-height: normal;
    position: relative;
    margin-right: 190px;
}

.offer .offer-date-range {
    font-family: inherit;
}

.offer .offer-date-range i.eci {
    display: inline-block;
}

.offer .offer-photo {
    display: block;
    float: left;
    padding: 1px;
    width: 118px;
}

.offer .offer-button {
    background: rgb(84,89,94);
    bottom: 15px;
    color:#fff;
    display: block;
    font-family: inherit;
    font-size: 1.2em;
    margin: 0;
    padding: 4px 15px 5px;
    position: absolute!important;
    right: 15px;
    text-align: center;
}

.offer .offer-button:hover {
    background: black;
}

/* END offers-listing */

/* STAR offers listing box */

.offer-box {
    text-align: right;
    float: right;
    padding: 15px 15px 0;
}

.offer-box span {
    display: inline-block;
    margin-right: 5px;
    font-size: 1em;
    float: none;
}

html[lang="de"] .offer-box span {
    text-transform: none;
}

/* box-1 */
.offer-box.box-1 .span-0, .offer-box.box-1 .span-1, .offer-box.box-1 .span-2 {
    font-size: 1.3em;
    font-weight: bold;
}

/* box-2 */
.offer-box.box-2 .span-1 {
    font-size: 1.3em;
    font-weight: bold;
}

/* box-3 */
.offer-box.box-3 .span-0 {
    font-size: 1.3em;
    font-weight: bold;
}

/* box-4 */
.offer-box.box-4 .span-0 {
    font-size: 1.3em;
    font-weight: bold;
}

/* box-5 */
.offer-box.box-5 .span-0 {
    font-size: 1.3em;
    font-weight: bold;
}

/* box-6 */
.offer-box.box-6 .span-0 {
    font-size: 1.3em;
    font-weight: bold;
}

/* box-7 */
.offer-box.box-7 .span-0 {
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
}

/* box-8 */
.offer-box.box-8 .span-0 {
    font-size: 1.2em;
    font-weight: bold;
}

/* box-9 */
.offer-box.box-9 .span-0 {
    font-size: 1.2em;
    font-weight: bold;
}

/* box-10 */
.offer-box.box-10 .span-0 {
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
}

/* box-11 */
.offer-box.box-11 .span-0 {
    font-size: 1.3em;
    font-weight: bold;
}

/* IE8 FIXES */
.ie8 .calendar-nights-label {margin-right: 20px !important;}
.ie8 .offer .offer-button {filter: none;}
.ie8 .ngg-fancybox {display: block;}

/*------------------------------ END OFFERS PAGE V2 ----------------------------*/

/* MEDIA QUERIES */
/* mobile */
@media (max-width: 767px) {

    /* offer box 1 */

    .offer-box-1.offer-link {
        padding: 15px;
    }

    .offer-box-1 .offer-photo {
        float: none;
        display: inline-block;
    }

    .offer-box-1 .offer-photo img {
        width: 100px;
        height: 100px;
        object-fit: cover;
    }

    .offer-box-1 .offer-box {
        float: none;
        text-align: left;
        display: inline-block;
        vertical-align: bottom;
    }

    .offer-box-1 .offer-title, .offer-box-1 .offer-description, .offer-box-1 .offer-includes, .offer-box-1 .offer-date-range {
        overflow: initial;
        clear: both;
        padding-left: 0;
        padding-right: 0;
    }

    .offer-box-1 .offer-description, .offer-box-1 .offer-includes {
        margin-right: 0;
    }

    .offer-box-1 .offer-button {
        position: relative!important;
        bottom: auto;
        right: auto;
        left: auto;
        top: auto;
        display: inline-block;
    }

}