/*-------------------------*/
/*---- T E M P L A T E ----*/
/*-------------------------*/

/*---- SCHRIFTEN ----*/

h1 {
    font-family: 'fieldwork', sans-serif;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #D0A367;
    margin-bottom: 15px !important;
}
h2,
h1.style-h2 {
    font-family: 'TT Ramillas';
    font-size: 60px;
    line-height: 130%;
    text-align: center;
    margin-top: 0px !important;
    color: #D0A367;
}

h3 {
    font-family: 'TT Ramillas';
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0;
}
h4 {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #9a8c85;
}
h5 {
    font-family: 'fieldwork';
    font-size: 26px;
    line-height: 1.6em;
    font-weight: 300;
    color: #D0A367;
}
h6 {
    font-family: 'TT Ramillas';
    font-size: 32px;
    line-height: 130%;
    text-align: center;
    margin-top: 0px !important;
    color: white;
    font-weight: 400;
}
.bh-bodytext a {
    color: #D0A367;
    text-decoration: underline;
    text-underline-offset: 0.1em;
}
.bh-bodytext a:hover {
}
.beige {
    color: #D0A367 !important;
}
.blau {
    color: #8aa6bd !important;
}
.gruen {
    color: #90aa87 !important;
}
.braun {
    color: #9a8c85 !important;
}
.rot {
    color: #cc8273 !important;
}
.grau {
    color: #505050 !important;
}
.weiss {
    color: #ffffff !important;
}
.margin-bottom-15 {
    margin-bottom: 15px !important;
}
.teaserblock,
p.teaserblock {
    font-family: 'fieldwork';
    font-size: 32px;
    line-height: 130%;
    text-align: center;
    color: #D0A367;
}

/* BUTTON */

.bh-styleclass-button,
a.bh-styleclass-button,
p.bh-styleclass-button {
    display: inline-block;
    border-radius: 50px;
    min-width: 183px;
    min-height: 45px;
    font-family: 'fieldwork', sans-serif;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 45px;
    text-align: center;
    padding: 0 30px;
    border: 1px solid #D0A367;
    background: #D0A367;
    box-sizing: border-box;
    background: #D0A367;
    transition: ease-out background 0.3s, ease-out color 0.3s;
    cursor: pointer;
}
.bh-styleclass-button:hover,
a.bh-styleclass-button:hover,
p.bh-styleclass-button:hover {
    color: #D0A367;
    background: white;
}

.teaserblock a {
    color: #838383;
}
.bh-bodytext ul {
    padding-left: 15px;
}
.bh-bodytext li {
    position: relative;
    list-style: none;
}
.bh-bodytext li:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 4px;
    left: -15px;
    top: 12px;
    border-radius: 100%;
    background: #D0A367;
}

/*---- LAYOUT ----*/

/* HEADERLOGO */

.headerLogo {
    position: absolute;
    z-index: 20;
    top: 40px;
    left: calc(50% - 102px);
    width: 204px;
    height: 180px;
    background-image: url('/fileadmin/images/logo.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

/* HOTELLINKS IM FOOTER */

.hotelbar a {
    display: block;
    height: 100px;
    width: 33.333333%;
    background-image: url('/fileadmin/images/enzianfooter.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 90%;
}
.hotelbar a:nth-child(2) {
    background-image: url('/fileadmin/images/valentin-alpen.svg');
}
.hotelbar a:nth-child(3) {
    background-image: url('/fileadmin/images/valentin-design.svg');
}
.hotelbar a:nth-child(4) {
    background-image: url('/fileadmin/images/gurglhof.svg');
    background-size: 70%;
}
.hotelbar a:nth-child(5) {
    background-image: url('/fileadmin/images/josl.svg');
}
.hotelbar a:nth-child(6) {
    background-image: url('/fileadmin/images/schoeneaussicht.svg');
}
.closure {
    background: #AB9C95;
}
.servnavi_box li a {
    font-family: 'fieldwork';
    font-size: 14px;
    line-height: 140%;
    color: #ffffff;
}

/*---- LANGNAVI ----*/

.languagenavi ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.languagenavi li {
    display: block;
    list-style-type: none;
}

.languagenavi a {
    font-family: 'fieldwork', sans-serif;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-align: center;
    line-height: 38px;
    border: 2px solid transparent;
    opacity: 0.5;
    transition: ease-out opacity 0.5s;
}
.languagenavi .active a,
.languagenavi a:hover {
    opacity: 1;
    transition: ease-out opacity 0.5s;
}
/*
.languagenavi a:hover {
	border: 2px solid rgba(255, 255, 255, 0.39);
}
*/

/*---- KONTAKT-LABEL IM HEADER ----*/

.ribbonbutton {
    font-family: 'fieldwork';
}
.ribbonbutton a {
    color: white !important;
}
.contact-toggler,
.ribbonbutton {
    color: white;
    background: #D0A367;
}
.contact-toggler > div.contact-toggler-text {
    line-height: 40px;
    font-size: 16px;
}

.contact-toggler-text {
    display: grid;
    grid-template-columns: 0fr;
    transition: grid-template-columns 0.3s;
}

.ribbonbutton:not(.active):hover .contact-toggler-text {
    grid-template-columns: 1fr;
}

.contact-toggler-text-inner {
    overflow: hidden;
    transition: padding 0.3s;
}

.ribbonbutton:not(.active):hover .contact-toggler-text-inner {
    padding-left: 20px;
}

.contact-content {
    background: #98835d;
}
.active .contact-content {
    background: rgba(218, 190, 139, 1);
}
.contact-content p,
.contact-content a,
.contact-content li {
    color: white;
    font-family: 'fieldwork', sans-serif;
    font-size: 16px;
    line-height: 22px;
}

/*---- SITEMAP ----*/

.frame-type-menu_sitemap ul li {
    font-size: 18px;
    line-height: 155.5555%;
    color: #505050;
    font-family: 'fieldwork';
}
.frame-type-menu_sitemap ul li a {
    color: #595959;
}

/*-------------------------*/
/*---- E L E M E N T E ----*/
/*-------------------------*/

/*---- EL-TEXT ----*/

.el-text-inner p.teasertext,
.teasertext {
    font-family: 'TT Ramillas';
    font-style: normal;
    font-size: 32px;
    line-height: 130%;
    text-align: center;
    color: #AB9C95;
    font-weight: 400;
}
.bhLegalNotice,
.el-text-inner p,
.el-text-inner .bh-bodytext {
    font-size: 18px;
    line-height: 155.5555%;
    color: #838383;
    font-weight: 300;
    font-family: 'fieldwork';
}

/*---- BH-TABS ----*/

.bh-tab-togglers {
    text-align: center;
}
.bhTabElement p,
.bhTabElement .bh-bodytext {
    font-size: 16px;
    line-height: 22px;
    color: #AB9C95;
    font-family: 'fieldwork';
}

/*---- BH-ACCORDEON ----*/

.bhAccordeonItem {
    border-top: 1px solid #D0A367;
}
.bhAccordeonItem.accordeon-last {
    border-bottom: 1px solid #D0A367;
}
.bh-accordion-toggler {
    font-family: 'fieldwork';
    font-size: 20px;
    line-height: 1.6;
    color: #D0A367;
}
.bh-accordion-toggler:after {
    color: #D0A367;
}

/*---- EL-SOCIAL ----*/

.social {
    background: #9a8c85;
    color: white;
}
.social p,
.social .bh-bodytext {
    color: white;
}
.sociallinks {
    text-align: center;
    color: white;
}
.sociallinks a {
    color: white;
    font-size: 30px;
}
.bh-social-widget a[data-network='instagram']:before {
    content: '\e9ac';
    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga=1';
    -moz-font-feature-settings: 'liga';
    -ms-font-feature-settings: 'liga' 1;
    -o-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: white;
    font-size: 18px;
    left: 10px;
    top: 10px;
    position: absolute;
    opacity: 0.8;
}
a.socialmediabutton {
    color: white;
    background: #D0A367;
    line-height: 60px;
    height: 60px;
    border-radius: 30px;
    font-family: 'fieldwork';
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.hashtag,
p.hashtag {
    font-family: 'TT Ramillas';
    font-size: 60px;
    line-height: 130%;
    text-align: center !important;
    text-decoration-line: underline;
    color: #ffffff;
    font-style: italic;
    margin-bottom: 50px;
}

/*---- EL-HEADERPICTURE ----*/

.el-headerpicture .headerPicText .bh-bodytext {
    font-family: 'fieldwork', sans-serif;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-transform: uppercase;
}
.el-headerpicture .headerPicSubtext .bh-bodytext,
.el-headerpicture .headerPicSubtext .bh-bodytext p {
    font-family: 'TT Ramillas';
    font-size: 60px;
    line-height: 72px;
    color: white;
}
.buchungslink {
    background: #d0a367cc;
    font-family: 'fieldwork', sans-serif;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    border: 2px solid rgba(220, 193, 143, 0);
    transition: ease-out all 0.5s;
}
.buchungslink:hover {
    border: 2px solid white;
    background: transparent;
    color: #fff;
    transition: ease-out all 0.5s;
}
.headerPicSociallinks a {
    color: white;
    font-size: 20px;
}
@media only screen and (max-width: 720px) {
    .el-headerpicture .headerPicSubtext .bh-bodytext,
    .el-headerpicture .headerPicSubtext .bh-bodytext p {
        font-size: 40px;
        line-height: 40px;
    }
}

/*---- EL-COLS ----*/

.el-cols.waterfall {
    background: rgba(208, 163, 103, 0.05);
}
.el-cols.waterfall:before,
.el-cols.waterfall:after {
    background: #FAF9F8;
}
.el-cols.waterfall:after {
    background: #FAF9F8;
}

/*---- EL-INFOBAR ----*/

.el-infobar {
    background: #B5A8A2;
    font-family: 'fieldwork';
}
.el-infobar .bh-bodytext {
    color: white;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
}
.el-infobar .close {
    color: white;
}
@media only screen and (max-width: 800px) {
    .el-infobar {
        border-top: 1px solid rgba(255, 255, 255, 0.53);
    }
}

/*---- EL-LINKBOX ----*/

.el-linkbox .el-linkbox-link {
    font-family: 'fieldwork', sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    color: #D0A367;
}
.el-linkbox .el-text-hovertext {
    font-family: 'fieldwork', sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
}
.el-linkbox .el-text-headline {
    font-family: 'fieldwork', sans-serif;
    font-size: 22px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-transform: uppercase;
}

/*---- EL-LINKBOX-GALLERY ----*/

.el-linkbox-gallery .el-linkbox-gallery-link {
    font-family: 'fieldwork', sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    color: #D0A367;
}
.el-linkbox-gallery .el-text-hovertext {
    font-family: 'fieldwork', sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
}
.el-linkbox-gallery .el-text-headline {
    font-family: 'fieldwork', sans-serif;
    font-size: 22px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-transform: uppercase;
}

/*---- EL-LINKBOX-SQUARE ----*/

.el-linkbox-square .lbq-headline h3 {
    font-family: 'TT Ramillas';
    font-size: 32px;
    line-height: 1.3em;
    text-align: center;
    color: #ffffff;
}
.el-linkbox-square.hoverText .lbq-hovertext {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
}
.el-linkbox-square .lbq-link .lbq-link-inner {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
}
.el-linkbox-square.roundButton .lbq-headline {
    background: #9a8c85;
}
.el-linkbox-square.roundButton .lbq-headline h3 {
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 0px;
}

/*---- EL-FIFTYFIFTY ----*/

.el-fiftyfifty .ffHeadline h5 {
    font-family: 'fieldwork';
    font-size: 26px;
    font-weight: 300;
    line-height: 1.6;
    color: #D0A367;
    margin-top: 0px;
    margin-bottom: 0px;
}
.el-fiftyfifty .ffText {
    font-family: 'fieldwork';
    font-weight: 300;
    font-size: 18px;
    line-height: 1.6em;
    color: #838383;
}
.el-fiftyfifty .ffLink {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 22px;
    color: white;
    background: #D0A367;
    text-transform: uppercase;
}

/*---- EL-VOUCHERLIST ----*/

.bh-state-desktop .el-voucherlist-voucher {
    width: calc(50% - 60px);
    margin-right: 60px;
    margin-bottom: 60px;
}
.el-voucherlist-voucher-description {
    padding: 20px;
}
.el-voucherlist-voucher-button {
    background: #D0A367;
    color: white;
    text-transform: uppercase;
    position: static;
    margin-top: 10px;
}
.bh-shop-layout {
    font-size: 16px;
}
.bh-shop-main .bh-shop-button,
.bh-shop-main .bh-shop-address-buton-edit {
    color: #404548;
}
.bh-shop-header-cart-count {
    background: #9a8c85;
    border-radius: 50%;
    color: white;
    width: 26px;
    height: 26px;
    text-align: center;
    box-sizing: border-box;
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    padding-left: 0 !important;
}
.bh-shop-cart .bh-shop-item-name {
    color: #404548;
    text-transform: uppercase;
}
.bh-shop-cart select {
    margin: 0;
    font: inherit;
    color: inherit;
}
.bh-shop-layout .bh-shop-button,
.bh-shop-layout .bh-shop-button-back {
    background: #9a8c85;
    color: #fff;
    padding: 0 20px;
    display: block;
}
.bh-shop-main .bh-shop-buttons {
    border: none;
}

.el-voucherlist-voucher-name,
.el-voucherlist-voucher-type {
    color: #9a8c85;
    line-height: 1.2;
}

.bh-shop-cart input,
.bh-shop-cart select {
    color: black;
}

/*-------------------------*/
/*---- K O G N I T I V ----*/
/*-------------------------*/

/*---- BUTTON ---*/

.hapi-button:not(.package-swipeitem):not(.package-item-body-inner) {
    border-radius: 50px;
    min-width: 183px;
    min-height: 45px;
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    padding: 0 30px;
    color: #ffffff;
    text-transform: uppercase;
    box-sizing: border-box;
}
.hapi-button-form {
    background: #90aa88;
}
.hapi-button-book {
    background: #D0A367;
}
.el-room .hapi-liveprice-button {
    flex-grow: 0;
    font-weight: 400;
}
/*---- ZIMMERÜBERSICHT ----*/

.el-rooms .date-range-button.buchungslink {
    border: 1px solid #D0A367;
    background: #D0A367;
}
.el-rooms .date-range-button.buchungslink:hover {
    color: #D0A367;
    background: white;
}
.el-rooms .rooms-toggler {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 22px;
    color: #505050;
}
.el-rooms .rooms-toggler.active,
.el-rooms .rooms-toggler:hover {
    color: #D0A367;
}
.el-rooms .room-item-name {
    font-family: 'TT Ramillas';
    font-size: 32px;
    line-height: 1.3em;
    text-align: center;
    color: #9a8c85;
}
.el-rooms .room-item-info {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 1.6em;
    text-align: center;
    color: #505050;
}
.el-rooms .room-item-detail-button.hapi-button,
.bh-state-mobile .el-rooms .room-image-gallery {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #D0A367;
}

/*---- ZIMMERDETAIL ----*/

.el-room .room-back-button {
    font-family: 'fieldwork';
    font-size: 14px;
    line-height: 20px;
    color: #505050;
}
.el-room .room-size h1 {
    font-family: 'fieldwork';
    font-size: 20px;
    line-height: 28px;
    text-align: left;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #D0A367;
    margin-bottom: 10px;
}
.el-room h2.room-headline {
    font-family: 'TT Ramillas';
    font-size: 60px;
    line-height: 72px;
    text-align: left;
    color: #9a8c85;
}
.el-room .room-price-badge {
    background: #D0A367;
    font-family: 'fieldwork';
    color: #ffffff;
}
.el-room .room-badge-from {
    text-transform: uppercase;
}
.el-room .room-badge-from,
.el-room .room-badge-person {
    font-size: 14px;
    line-height: 1.6em;
}
.el-room .room-badge-price {
    font-size: 26px;
    line-height: 1.6em;
}
.el-room .room-gallery-pictures .swiper-button-prev,
.el-room .room-gallery-pictures .swiper-button-next {
    background: #d0a367cc;
}
.el-room .bh-bodytext,
.el-room li {
    font-family: 'fieldwork';
    font-size: 18px;
    line-height: 1.6em;
    color: #505050;
}
.el-room li:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 100%;
    background: #D0A367;
    left: -15px;
    top: calc(50% - 2px);
}
.el-room .room-book-subheadline h3 {
    font-family: 'TT Ramillas';
    font-size: 32px;
    line-height: 1.3em;
    text-align: center;
    color: #9a8c85;
    text-transform: none;
    letter-spacing: 0em;
}
.el-room .room-book-box {
    background: rgba(222, 204, 160, 0.2);
}

.el-room .room-rateplan-select-name,
.el-room .price-note {
    padding: 0px 5px;
    margin-bottom: 20px;
    min-height: 25px;
    font-family: 'fieldwork';
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 0.04em;
    color: #9a8c85;
}
.el-room .room-rateplan-select-checkbox {
    border: 1px solid #505050;
}
.el-room .hapi-room-select-rateplan.active .room-rateplan-select-checkbox {
    border: 1px solid #90aa88;
    background: #90aa88;
}
.el-room .price-box .total,
.hapi-liveprice-message[data-status='result'],
.hapi-liveprice-message[data-status='result'] .hapi-liveprice-price-total {
    font-family: 'fieldwork-hum';
    font-size: 45px;
    line-height: 1;
    font-weight: 200;
    text-align: center;
    color: #90aa88;
}
.el-room .price-box .discount-box .price,
.hapi-liveprice-discount-box {
    font-family: 'fieldwork';
    font-size: 14px;
}
.el-room .room-calendar-price-info,
.el-room .hapi-liveprice-calendar-price-info,
.hapi-liveprice-price-note {
    padding-top: 20px;
    font-family: 'fieldwork';
    font-size: 12px;
    line-height: 1.2;
    color: #9a8c85;
}

[data-status='errordate'],
[data-status='noresult'] {
    text-transform: uppercase;
    font-family: 'fieldwork';
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 0.04em;
    color: #505050;
}
.el-room .hapi-liveprice-box-headline {
    display: none;
}
/*---- PAUSCHALLISTE ----*/

.packagelist-category {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 22px;
    color: #505050;
    opacity: 0.5;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
}
.packagelist-category-count {
    color: #bdb1aa !important;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none !important;
}
.packagelist-category:hover {
    color: #D0A367;
}
.packagelist-category.active {
    color: #D0A367;
}
.packages-empty-button {
    display: block;
    background: #bdb1aa;
    max-width: 240px;
    line-height: 50px;
    text-align: center;
    font-family: 'fieldwork';
    color: #fff;
    font-size: 16px;
    padding: 0px 20px;
    text-transform: uppercase;
}
.package-item-name h3 {
    font-family: 'TT Ramillas';
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
    text-transform: none;
    letter-spacing: 0em;
    color: #ffffff;
}
.package-item-subtext {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
}
.package-item-subtext-teaser {
    text-transform: uppercase;
}
.package-item-button {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 1.4;
    text-transform: none;
    color: #ffffff;
}
.package-item-price-from {
    font-family: 'fieldwork';
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: #ffffff;
}
.package-item-price-value span {
    font-family: 'fieldwork';
    font-size: 26px;
    line-height: 1.4;
    text-align: center;
    color: #ffffff;
}
.el-packages .package-item-price-info {
    font-family: 'fieldwork';
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #ffffff;
    text-transform: none;
}

/*---- PAUSCHALDETAIL ----*/

.el-package .package-back-button {
    font-family: 'fieldwork';
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    color: #505050;
}
.el-package .bookingHeadlineBox {
    background: #D0A367;
}
.el-package .bookingHeadlineBox h3 {
    font-family: 'TT Ramillas';
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
    color: #9a8c85;
    margin-bottom: 0px;
}
.package-headline {
    font-family: 'TT Ramillas';
    font-size: 60px;
    line-height: 72px;
    color: #8ba6bc;
}
.package-duration h1 {
    font-family: 'Fieldwork';
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.05em;
    color: #8ba6bc;
    text-align: center;
    text-transform: uppercase;
}
.package-teaser p {
    font-family: 'fieldwork';
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    color: #505050;
}
.package-min-price {
    font-family: 'TT Ramillas';
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
    color: #8ba6bc;
}
.package-min-price-info {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #505050;
}
.package-text {
    font-family: 'fieldwork';
    font-size: 18px;
    line-height: 1.6;
    color: #505050;
}
.package-text-label {
    font-family: 'TT Ramillas';
    font-size: 22px;
    line-height: 1.3;
    text-align: center;
    color: #9a8c85;
}
.package-text-sublabel {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 24px;
    color: #505050;
    text-align: center;
}
.package-col-gold {
    background: rgba(220, 193, 143, 0.1);
}
.package-room {
    border-bottom: 1px solid #D0A367;
}
.package-room:first-child {
    border-top: 1px solid #D0A367;
}
.package-room-headline {
    font-family: 'TT Ramillas';
    font-size: 28px;
    line-height: 34px;
    color: #9a8c85;
}
.package-room-subtext {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 1.5;
}
.package-room-prices .price {
    font-family: 'TT Ramillas';
    font-size: 24px;
    line-height: 1.3;
}
.package-room-prices .price-note {
    font-family: 'fieldwork';
    font-size: 14px;
}
.package-swiper-box-color {
    background: #AB9C95;
}

/*---- PAUSCHALEN-SWIPER ----*/

.package-swiper-linkAll-wrapper .linkAllText {
    font-family: 'fieldwork';
    font-size: 16px;
    line-height: 20px;
    color: #9a8c85;
}
.el-package-swiper .package-item-price-info {
    font-family: 'fieldwork';
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    color: #ffffff;
}
.package-swiper-linkAll-wrapper .linkAllIcon {
    font-size: 20px;
    line-height: 20px;
    color: #9a8c85;
}
.el-package-swiper .swiper-button-prev,
.el-package-swiper .swiper-button-next {
    background: white;
}
.el-package-swiper .swiper-button-prev:before,
.el-package-swiper .swiper-button-next:before {
    color: #AB9C95;
}

/*---- VERFÜGBARKEITSINFO ----*/

.hapi-availability-info-inner {
    font-family: 'fieldwork';
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #ffffff;
    text-transform: none;
    background: #90aa88;
    padding: 15px 20px;
}

/*---- DATEPICKER ----*/

.bh-hapi-datepicker-container .date-picker-wrapper .month-wrapper table th {
    color: #505050;
    font-family: 'fieldwork';
    font-size: 12px;
    line-height: 24px;
}
.bh-hapi-datepicker-container .month-wrapper table .week-name th {
    font-family: 'fieldwork';
}
/* default day */
.date-picker-wrapper .day {
    font-family: 'fieldwork';
    color: #90aa88;
}
.date-picker-wrapper .day.invalid {
    color: #c4c4c4 !important;
}

/* VERFÜGBAR */
.hapi-day-available.valid {
    background: rgba(153, 139, 132, 0.3);
}
.hapi-day-available.invalid {
    background: rgba(189, 177, 171, 1);
}

/* LOCKED */
.hapi-day-available.hapi-day-locked {
    background: rgba(189, 177, 171, 0.2);
}

/* ABREISE */

.hapi-day-departure,
.hapi-day-available.hapi-day-departure {
    background: rgba(153, 139, 132, 0.3);
    border-top-right-radius: 31px;
    border-bottom-right-radius: 31px;
}
.hapi-day-available.hapi-day-departure {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.hapi-day-departure.valid:not(.tmp) > div {
    border-top-right-radius: 31px;
    border-bottom-right-radius: 31px;
    border-color: rgba(189, 177, 171, 0.4) !important;
}
.hapi-day-departure.tmp.valid {
    background: rgba(189, 177, 171, 0.4);
    color: #a1ca76;
}

/* DEFAULT SELECTION */

.date-picker-wrapper .day.checked > div {
    background-color: #90aa88;
    border-radius: 0px;
}
.date-picker-wrapper .day.invalid.tmp.first-date-selected > div {
    background-color: #90aa88 !important;
    border-color: transparent !important;
}
.date-picker-wrapper .day.hovering > div,
.date-picker-wrapper .day.hovering-last.hapi-day-locked > div {
    border-color: #90aa88 !important;
    background-color: rgba(145, 171, 137, 0.5);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.date-picker-wrapper .day.hovering.valid .bh-hapi-datepicker-day-value,
.date-picker-wrapper .day.hovering.valid .bh-hapi-datepicker-day-price {
    color: white !important;
}
.date-picker-wrapper .day.hovering-last[data-departure='1'] > div,
.date-picker-wrapper .day.hovering-last[data-locked='0'] > div {
    background-color: #90aa88;
    border-top-right-radius: 31px;
    border-bottom-right-radius: 31px;
}

/* availability selection */
.hapi-day-available.invalid.tmp,
.hapi-day-locked.hapi-day-available.valid.tmp {
    background: rgba(189, 177, 171, 0.2) !important;
    color: rgba(0, 0, 0, 0.3);
}
.hapi-day-available.valid.tmp {
    background: rgba(189, 177, 171, 0.4) !important;
}
.hapi-day-departure.valid.tmp {
    background: rgba(189, 177, 171, 0.4) !important;
}
.hapi-day-locked.valid.tmp {
    background: rgba(189, 177, 171, 0.2) !important;
}
/* ERROR Selection */
.hapi-item-not-available *:not(.hapi-item-available) .bh-hapi-datepicker .date-picker-wrapper .day.checked > div {
    background-color: #f4a298;
    color: inherit;
}

/* Key Map */

.bh-hapi-datepicker-keymap {
    margin-top: 10px;
    font-family: 'fieldwork';
    font-size: 11px;
    line-height: 24px;
    color: #505050;
}
.bh-keymap-item-arrival .bh-keymap-icon {
    background: rgba(189, 177, 171, 0.4);
}
.bh-keymap-item-departure .bh-keymap-icon {
    background: rgba(153, 139, 132, 0.3);
    border: 0px solid rgba(189, 177, 171, 0.4);
    border-left: 0px;
}
.bh-keymap-item-available .bh-keymap-icon {
    background: rgba(153, 139, 132, 0.3);
}
.bh-keymap-item-locked .bh-keymap-icon {
    background: rgba(189, 177, 171, 0.2);
}
.bh-keymap-item-notavailable .bh-keymap-icon {
    border: 1px solid rgba(189, 177, 171, 0.4);
}
.bh-keymap-item-selected .bh-keymap-icon {
    background-color: #90aa88;
}

/*---- INPUT FIELDS ----*/

.personen-inputs,
.hapi-liveprice-control-box,
.hapi-liveprice-children-label {
    font-family: 'fieldwork';
    font-weight: 400;
    color: #9a8c85;
}

.personen-inputs .title,
.hapi-liveprice-control-box .hapi-liveprice-input-title,
.hapi-liveprice-input-subtitle,
.hapi-liveprice-children-label {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
    font-weight: 600;
}
.hapi-liveprice-input-subtitle {
    font-weight: 400;
    font-size: 10px;
}
.person-wrapper .display,
.hapi-liveprice-input-display {
    font-family: 'fieldwork-hum';
    font-size: 45px;
    letter-spacing: 0.05em;
    font-weight: 200;
}
.hapi-liveprice-control-group,
.hapi-liveprice-rateplans {
    border-bottom: none;
}

/*---------------------------------*/
/*---- M O B I L V E R S I O N ----*/
/*---------------------------------*/

.mobileButton {
    font-family: 'fieldwork';
}

/*---- COOKIES WARNUNG ----*/

.bh-cookies-buttons > * {
    background: #dabf8b !important;
}