/* EXTRAS */
#main .hcWidgetMain {
    line-height: normal;
}
/* ###### */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* COOKIE */
.cc-window {
    font-family: 'Alegreya Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.cc-window .cc-link {
    padding: 0;
    text-decoration: underline;
}
.cc-window.cc-floating.cc-theme-edgeless .cc-message {
    margin: 1rem;
}
.cc-window .cc-btn {
    display: inline-block;
    width: 100%;
    padding: 0;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    border-width: 0;
    font-size: .88rem;
    background-color: #e21f20 !important;
}
.cc-window .cc-btn:hover {
    background-color: #bc1f21 !important;
}
/* ###### */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* GRIDS */
#main .frame-type-2cols-container,
#main .frame-type-3cols-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
#main .frame-type-2cols-container:not(:last-child),
#main .frame-type-3cols-container:not(:last-child) {
    margin-bottom: 2rem;
}
#main .frame-type-2cols-container .frame-default,
#main .frame-type-3cols-container .frame-default {
    width: 100%;
    max-width: 100%;
}
    #main .frame-type-2cols-container > div {
        width: 48%;
    }
    #main .frame-type-3cols-container > div {
        width: 32%;
    }
/* ##### */
/* RESPONSIVE */
@media (max-width: 1000px) {
    #main .frame-type-3cols-container > div {
        width: 100%;
    }
    #main .frame-type-3cols-container > div:not(:last-child) {
        margin-bottom: 2rem;
    }
}
@media (max-width: 820px) {
    #main .frame-type-2cols-container > div {
        width: 100%;
    }
    #main .frame-type-2cols-container > div:not(:last-child) {
        margin-bottom: 2rem;
    }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* CTA */
#main .ctas-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
    #main .ctas-wrap a,
    #main .ctas-wrap a:link,
    #main .ctas-wrap a:hover,
    #main .ctas-wrap a:active,
    #main .ctas-wrap a:visited,
    #main .ctas-wrap a:focus {
        display: inline-block;
        padding: 0 32px;
        line-height: 40px;
        border-radius: 24px;
        background-color: #b3a185;
        color: #fff;
        text-decoration: none;
        margin: 0 8px;
    }
        #main .ctas-wrap a:nth-child(1),
        #main .ctas-wrap a:nth-child(1):link,
        #main .ctas-wrap a:nth-child(1):hover,
        #main .ctas-wrap a:nth-child(1):active,
        #main .ctas-wrap a:nth-child(1):visited,
        #main .ctas-wrap a:nth-child(1):focus {
            background-color: #bc1f21;
        }
/* ### */
/* RESPONSIVE */
@media (max-width: 1000px) {
    #main .ctas-wrap a,
    #main .ctas-wrap a:link,
    #main .ctas-wrap a:hover,
    #main .ctas-wrap a:active,
    #main .ctas-wrap a:visited,
    #main .ctas-wrap a:focus {
        width: 100%;
        text-align: center;
        margin: 8px 0;
    }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* ROOM TEASER */
#main .roomteaser-wrap {
}
    #main .roomteaser-wrap p {
        margin: 0;
    }
    #main .roomteaser-wrap a,
    #main .roomteaser-wrap a:link,
    #main .roomteaser-wrap a:hover,
    #main .roomteaser-wrap a:active,
    #main .roomteaser-wrap a:visited,
    #main .roomteaser-wrap a:focus {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-direction: row;
        text-decoration: none;
    }
    #main .roomteaser-wrap .roomteaser-item {
        display: inline-block;
        width: 100%;
        position: relative;
    }
    #main .roomteaser-wrap .roomteaser-item:not(:last-child) {
        margin-bottom: 8px;
    }
        #main .roomteaser-wrap .roomteaser-item:nth-child(odd) {
            background-color: #e8e3da;
        }
        #main .roomteaser-wrap .roomteaser-item:nth-child(odd) a,
        #main .roomteaser-wrap .roomteaser-item:nth-child(odd) a:link,
        #main .roomteaser-wrap .roomteaser-item:nth-child(odd) a:hover,
        #main .roomteaser-wrap .roomteaser-item:nth-child(odd) a:active,
        #main .roomteaser-wrap .roomteaser-item:nth-child(odd) a:visited,
        #main .roomteaser-wrap .roomteaser-item:nth-child(odd) a:focus {
            color: #494948;
        }
        #main .roomteaser-wrap .roomteaser-item:nth-child(even) {
            background-color: #494948;
        }
        #main .roomteaser-wrap .roomteaser-item:nth-child(even) a,
        #main .roomteaser-wrap .roomteaser-item:nth-child(even) a:link,
        #main .roomteaser-wrap .roomteaser-item:nth-child(even) a:hover,
        #main .roomteaser-wrap .roomteaser-item:nth-child(even) a:active,
        #main .roomteaser-wrap .roomteaser-item:nth-child(even) a:visited,
        #main .roomteaser-wrap .roomteaser-item:nth-child(even) a:focus {
            color: #fff;
        }
            #main .roomteaser-wrap .roomteaser-image {
                width: 64%;
                position: relative;
            }
                #main .roomteaser-wrap .roomteaser-item:nth-child(odd) .roomteaser-image {
                    order: 2;
                    border-left: 8px solid #fff;
                }
                #main .roomteaser-wrap .roomteaser-item:nth-child(even) .roomteaser-image {
                    border-right: 8px solid #fff;
                }
            #main .roomteaser-wrap .roomteaser-content {
                width: 36%;
                padding: 64px 24px 24px 24px;
                position: relative;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
                #main .roomteaser-wrap .roomteaser-content p:nth-child(1) {
                    position: absolute;
                    top: 0;
                    z-index: 8;
                    text-align: center;
                    line-height: 64px;
                    text-transform: uppercase;
                    font-family: 'Jost-Medium';
                    padding: 0 80px;
                    white-space: nowrap;
                }
                    #main .roomteaser-wrap .roomteaser-item:nth-child(odd) .roomteaser-content p:nth-child(1) {
                        right: -8px;
                        transform: translateX(100%);
                        background-color: #b3a185;
                        color: #fff;
                    }
                    #main .roomteaser-wrap .roomteaser-item:nth-child(even) .roomteaser-content p:nth-child(1) {
                        left: -8px;
                        transform: translateX(-100%);
                        background-color: #3d3d3d;
                    }
                /*#main .roomteaser-wrap .roomteaser-content p:nth-child(3) {
                    display: flex;
                    justify-content: center;
                    align-items: baseline;
                    line-height: 1;
                }
                    #main .roomteaser-wrap .roomteaser-content p:nth-child(3) span:nth-child(2) {
                        margin-left: 8px;
                        font-size: 56px;
                    }
                    #main .roomteaser-wrap .roomteaser-item:nth-child(odd) .roomteaser-content p:nth-child(3) {
                        color: #b3a185;
                    }*/
                #main .roomteaser-wrap .roomteaser-content p:last-child {
                    display: inline-block;
                    line-height: 40px;
                    padding: 0 32px;
                    margin-right: auto;
                    margin-left: auto;
                    text-align: center;
                    border-radius: 24px;
                    text-transform: lowercase;
                }
                    #main .roomteaser-wrap .roomteaser-item:nth-child(odd) .roomteaser-content p:last-child {
                        background-color: #b3a185;
                        color: #fff;
                    }
                    #main .roomteaser-wrap .roomteaser-item:nth-child(even) .roomteaser-content p:last-child {
                        background-color: #3d3d3d;
                    }
/* ########### */
/* RESPONSIVE */
@media (max-width: 1200px) {
    #main .roomteaser-wrap p {
        text-align: center;
    }
    #main .roomteaser-wrap a,
    #main .roomteaser-wrap a:link,
    #main .roomteaser-wrap a:hover,
    #main .roomteaser-wrap a:active,
    #main .roomteaser-wrap a:visited,
    #main .roomteaser-wrap a:focus {
        flex-direction: column;
        align-items: center;
    }
        #main .roomteaser-wrap .roomteaser-image {
            order: 0 !important;
            border: 0 !important;
            width: 100%;
        }
        #main .roomteaser-wrap .roomteaser-content {
            width: 100%;
            padding: 24px;
        }
            #main .roomteaser-wrap .roomteaser-content p:nth-child(1) {
                position: static;
                top: auto;
                padding: 0;
                transform: none !important;
                left: auto !important;
                right: auto !important;
                background-color: transparent !important;
            }
                #main .roomteaser-wrap .roomteaser-item:nth-child(odd) .roomteaser-content p:nth-child(1) {
                    color: #494948;
                }
            /*#main .roomteaser-wrap .roomteaser-content p:nth-child(3) {
                margin: 48px 0;
            }*/
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* EVENTS */
#main .events-wrap.events-teaser {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}
#main .events-wrap.events-slider {
    display: block;
    width: 656px;
    margin: 0 auto;
}
    #main .events-wrap .event-item {
        padding-bottom: 4rem;
        position: relative;
        display: inline-block;
        background: #fff;
        width: 320px;
        border: 1px solid #e0e0e0;
        margin: 0 8px;
    }
    #main .events-wrap.events-teaser .event-item {
        margin-bottom: 16px;
    }
        #main .events-wrap .event-item p {
            margin: 0;
        }
        #main .events-wrap a,
        #main .events-wrap a:link,
        #main .events-wrap a:hover,
        #main .events-wrap a:active,
        #main .events-wrap a:visited,
        #main .events-wrap a:focus {
            color: #484849;
            text-decoration: none;
        }
        #main .events-wrap .event-image {
            border-bottom: 4px solid #bc1f21;
        }
        #main .events-wrap .event-content {
            padding: 32px 16px;
            position: relative;
        }
            #main .events-wrap p:nth-child(1) {
                position: absolute;
                left: -1px;
                top: 0;
                z-index: 8;
                transform: translateY(-100%);
                padding: 0 32px 0 16px;
                background-color: #bc1f21;
                color: #fff;
                line-height: 32px;
            }
                #main .events-wrap p:nth-child(1)::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    display: inline-block;
                    width: 0;
                    height: 0;
                    transform: translateX(100%);
                    border-bottom: 32px solid #bc1f21;
                    border-right: 32px solid transparent;
                }
            #main .events-wrap p:nth-child(2) {
                font-family: 'Jost-Medium';
                text-transform: uppercase;
            }
            #main .events-wrap p:nth-child(3) {
                padding-bottom: 1rem;
                margin-bottom: 1rem;
                border-bottom: 1px solid #e0e0e0;
            }
            #main .events-wrap .morelink,
            #main .events-wrap .morelink:link,
            #main .events-wrap .morelink:hover,
            #main .events-wrap .morelink:active,
            #main .events-wrap .morelink:visited,
            #main .events-wrap .morelink:focus {
                position: absolute;
                left: 50%;
                bottom: 2rem;
                transform: translateX(-50%);
                display: inline-block;
                width: auto;
                white-space: nowrap;
                background-color: #bc1f21;
                color: #fff;
                line-height: 40px;
                border-radius: 24px;
                text-align: center;
                padding: 0 40px;
            }
/* ###### */
/* RESPONSIVE */
@media (max-width: 1000px) {
    #main .events-wrap.events-slider {
        width: 608px;
    }
        #main .events-wrap .event-item {
            width: 296px;
        }
}
@media (max-width: 820px) {
    #main .events-wrap.events-slider {
        width: 496px;
    }
        #main .events-wrap .event-item {
            width: 240px;
        }
            #main .events-wrap p:nth-child(1) {
                position: static;
                left: auto;
                top: auto;
                transform: none;
                padding: 0;
                background-color: transparent;
                color: #494948;
            }
                #main .events-wrap p:nth-child(1)::after {
                    content: none;
                }
}
@media (max-width: 600px) {
    #main .events-wrap.events-slider {
        width: 350px;
    }
        #main .events-wrap .event-item {
            width: 350px;
        }
}
@media (max-width: 420px) {
    #main .events-wrap.events-slider {
        width: 100%;
    }
        #main .events-wrap .event-item {
            width: calc(100vw - 64px);
        }
        #main .events-wrap.events-teaser .event-item {
            margin: 0 0 16px 0;
        }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* FULLSCREEN TEASER */
#main .fullscreen-teaser-wrap {
}
    #main .fullscreen-teaser-wrap p {
        margin: 0;
    }
    #main .fullscreen-teaser-wrap a,
    #main .fullscreen-teaser-wrap a:link,
    #main .fullscreen-teaser-wrap a:hover,
    #main .fullscreen-teaser-wrap a:active,
    #main .fullscreen-teaser-wrap a:visited,
    #main .fullscreen-teaser-wrap a:focus {
        color: #fff;
        text-decoration: none;
    }
    #main .fullscreen-teaser-wrap .fullscreen-teaser-item {
        position: relative;
    }
        #main .fullscreen-teaser-wrap .fullscreen-teaser-content {
            position: absolute;
            z-index: 8;
            background-color: #494948;
            color: #fff;
            padding: 24px;
            width: 200px;
            display: inline-block;
            text-align: center;
        }
        #main .fullscreen-teaser-wrap .fullscreen-teaser-left-position .fullscreen-teaser-content {
            left: 64px;
        }
        #main .fullscreen-teaser-wrap .fullscreen-teaser-right-position .fullscreen-teaser-content {
            right: 64px;
        }
        #main .fullscreen-teaser-wrap .fullscreen-teaser-top-position .fullscreen-teaser-content {
            top: 80px;
        }
        #main .fullscreen-teaser-wrap .fullscreen-teaser-bottom-position .fullscreen-teaser-content {
            bottom: 80px;
        }
            #main .fullscreen-teaser-wrap p:nth-child(1) {
                font-family: 'Jost-Medium';
                text-transform: uppercase;
            }
            #main .fullscreen-teaser-wrap p:nth-child(2) {
                margin: 2rem 0;
            }
            #main .fullscreen-teaser-wrap p:nth-child(3) {
                display: inline-block;
                line-height: 40px;
                padding: 0 32px;
                margin-right: auto;
                margin-left: auto;
                text-align: center;
                border-radius: 24px;
                text-transform: lowercase;
                background-color: #3d3d3d;
            }
/* slider */
#main .fullscreen-teaser-wrap.slick-slider .slick-arrow.slick-prev {
    left: -8px;
}
#main .fullscreen-teaser-wrap.slick-slider .slick-arrow.slick-next {
    right: -8px;
}
/* ****** */
/* ################# */
/* RESPONSIVE */
@media (max-width: 1200px) {
    #main .fullscreen-teaser-wrap .fullscreen-teaser-left-position .fullscreen-teaser-content {
        left: 40px;
    }
    #main .fullscreen-teaser-wrap .fullscreen-teaser-right-position .fullscreen-teaser-content {
        right: 40px;
    }
    #main .fullscreen-teaser-wrap .fullscreen-teaser-top-position .fullscreen-teaser-content {
        top: 40px;
    }
    #main .fullscreen-teaser-wrap .fullscreen-teaser-bottom-position .fullscreen-teaser-content {
        bottom: 40px;
    }
}
@media (max-width: 1000px) {
    #main .fullscreen-teaser-wrap .fullscreen-teaser-content {
        background-color: rgba(73, 73, 72, .8);
        left: 40px !important;
        right: 40px !important;
        top: 40px !important;
        bottom: 40px !important;
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media (max-width: 600px) {
    #main .fullscreen-teaser-wrap .fullscreen-teaser-content {
        left: 16px !important;
        right: 16px !important;
        top: 16px !important;
        bottom: 16px !important;
        padding: 16px;
    }
        #main .fullscreen-teaser-wrap p:nth-child(2) {
            margin: 1.5rem 0;
        }
}
@media (max-width: 420px) {
    #main .fullscreen-teaser-wrap .fullscreen-teaser-content {
        background-color: rgba(73, 73, 72, .64);
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        padding: 8px;
    }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* SUMMER + WINTER */
#main .summer-winter-wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
    #main .summer-winter-wrap .summer-item,
    #main .summer-winter-wrap .winter-item {
        flex: 1;
        position: relative;
    }
        #main .summer-winter-wrap .summer-item::after,
        #main .summer-winter-wrap .winter-item::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 4;
            background-color: rgba(0, 0, 0, .32);
        }
    #main .summer-winter-wrap .summer-item {
        margin-right: 4px;
    }
    #main .summer-winter-wrap .winter-item {
        margin-left: 4px;
    }
        #main .summer-winter-wrap .summer-content,
        #main .summer-winter-wrap .winter-content {
            position: absolute;
            left: 32px;
            right: 32px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 8;
            color: #fff;
        }
            #main .summer-winter-wrap .summer-content span,
            #main .summer-winter-wrap .winter-content span {
                display: inline-block;
                width: 100%;
                text-align: center;
                font-family: 'Jost-Medium';
                text-transform: uppercase;
                line-height: 1.75;
            }
            #main .summer-winter-wrap .summer-content-inner,
            #main .summer-winter-wrap .winter-content-inner {
                margin-top: 32px;
                padding: 32px;
                background-color: rgba(0, 0, 0, .24);
                border: 1px solid #fff;
                display: none;
            }
            #main .summer-winter-wrap .summer-item:hover .summer-content-inner,
            #main .summer-winter-wrap .winter-item:hover .winter-content-inner {
                display: block;
            }
/* ############### */
/* RESPONSIVE */
@media (max-width: 1200px) {
    #main .summer-winter-wrap .summer-content,
    #main .summer-winter-wrap .winter-content {
        left: 16px;
        right: 16px;
    }
        #main .summer-winter-wrap .summer-content-inner,
        #main .summer-winter-wrap .winter-content-inner {
            padding: 16px;
            margin-top: 16px;
        }
}
@media (max-width: 1000px) {
    #main .summer-winter-wrap {
        flex-direction: column;
    }
        #main .summer-winter-wrap .summer-item {
            margin: 0 0 8px 0;
        }
        #main .summer-winter-wrap .winter-item {
            margin: 0;
        }
            #main .summer-winter-wrap .summer-content,
            #main .summer-winter-wrap .winter-content {
                left: 32px;
                right: 32px;
            }
                #main .summer-winter-wrap .summer-content-inner,
                #main .summer-winter-wrap .winter-content-inner {
                    padding: 32px;
                    margin-top: 32px;
                }
}
@media (max-width: 600px) {
    #main .summer-winter-wrap .summer-content,
    #main .summer-winter-wrap .winter-content {
        left: 16px;
        right: 16px;
    }
        #main .summer-winter-wrap .summer-content-inner,
        #main .summer-winter-wrap .winter-content-inner {
            padding: 16px;
            margin-top: 16px;
            background-color: transparent;
        }
}
@media (max-width: 420px) {
    #main .summer-winter-wrap .summer-item {
        margin: 0 0 2rem 0;
    }
    #main .summer-winter-wrap .summer-item::after,
    #main .summer-winter-wrap .winter-item::after {
        content: none;
    }
        #main .summer-winter-wrap .summer-content,
        #main .summer-winter-wrap .winter-content {
            position: static;
            left: auto;
            right: auto;
            top: auto;
            transform: none;
            color: #494948;
            margin-top: 16px;
        }
            #main .summer-winter-wrap .summer-content-inner,
            #main .summer-winter-wrap .winter-content-inner {
                display: block;
                padding: 0;
            }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* ROOMRATES */
#main .roomrate-wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
    #main .roomrate-wrap p {
        margin: 0;
        padding: 24px;
    }
    #main .roomrate-wrap .roomrate-left {
        width: 20%;
        border-right: 1px solid #fff;
    }
        #main .roomrate-wrap .roomrate-left p {
            background-color: #484849;
            color: #fff;
            height: 192px;
            display: flex;
            align-items: center;
        }
    #main .roomrate-wrap .roomrate-right {
        width: 80%;
    }
        #main .roomrate-wrap .roomrate-item {
            position: relative;
            text-align: center;
            border-right: 1px solid #fff;
            flex: 1;
        }
            #main .roomrate-wrap .roomrate-item p:nth-child(1) {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 8;
                font-weight: 700;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-wrap: wrap;
                width: 100%;
                padding: 8px 16px;
            }
            #main .roomrate-wrap .roomrate-item p:nth-child(2) {
                background-color: #e8e3da;
                color: #b3a185;
                height: 192px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 40px;
            }
/* slider */
#main .roomrate-wrap .slick-track {
    min-width: 100%;
}
/* ****** */
/* ######### */
/* RESPONSIVE */
@media (max-width: 1200px) {
    #main .roomrate-wrap .roomrate-left {
        width: 25%;
    }
    #main .roomrate-wrap .roomrate-right {
        width: 75%;
    }
}
@media (max-width: 1000px) {
    #main .roomrate-wrap .roomrate-left {
        width: 30%;
    }
    #main .roomrate-wrap .roomrate-right {
        width: 70%;
    }
}
@media (max-width: 820px) {
    #main .roomrate-wrap .roomrate-left {
        width: 35%;
    }
    #main .roomrate-wrap .roomrate-right {
        width: 65%;
    }
}
@media (max-width: 600px) {
    #main .roomrate-wrap p {
        padding: 16px;
    }
    #main .roomrate-wrap .roomrate-left {
        width: 45%;
    }
    #main .roomrate-wrap .roomrate-right {
        width: 55%;
    }
        #main .roomrate-wrap .roomrate-item p:nth-child(1) {
            padding: 8px;
        }
}
@media (max-width: 420px) {
    #main .roomrate-wrap p {
        padding: 8px;
    }
    #main .roomrate-wrap .roomrate-left,
    #main .roomrate-wrap .roomrate-right {
        width: 50%;
    }
        #main .roomrate-wrap .roomrate-item p:nth-child(1) {
            flex-direction: column;
            line-height: 1;
            padding: 16px;
        }
        #main .roomrate-wrap .roomrate-item p:nth-child(2) {
            font-size: 32px;
            padding-top: 64px;
        }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* ROUTE */
#main .hotel-routing form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
    #main .hotel-routing input,
    #main .hotel-routing button {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: 1px solid #484849;
        border-radius: 0;
        padding: 0 8px;
        font: 400 18px/40px 'Alegreya Sans', sans-serif;
        color: #494948;
        outline: none;
        height: 40px;
        background-color: #fff;
        text-indent: 0;
        width: 320px;
    }
    #main .hotel-routing button {
        background-color: #bc1f21;
        color: #fff;
        border: 1px solid #bc1f21;
        cursor: pointer;
        border-radius: 24px;
        margin-top: 8px;
    }
/* ##### */
/* RESPONSIVE */
@media (max-width: 420px) {
    #main .hotel-routing input,
    #main .hotel-routing button {
        width: 100%;
    }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* ROOMIMAGE */
#main .roomimages-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
    #main .roomimages-wrap .roomimages-left {
        width: 36%;
        padding: 24px;
        background-color: #e8e3da;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #main .roomimages-wrap .roomimages-right {
        border-left: 8px solid #fff;
        width: 64%;
    }
        #main .roomimages-wrap .roomimages-item {
            position: relative;
        }
            #main .roomimages-wrap .roomimages-item p {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 8;
                display: inline-block;
                line-height: 64px;
                background-color: #b3a185;
                color: #fff;
                text-transform: uppercase;
                font-family: 'Jost-Medium';
                padding: 0 80px;
            }
/* ######### */
/* RESPONSIVE */
@media (max-width: 1200px) {
    #main .roomimages-wrap .roomimages-item p {
        top: auto;
        bottom: 0;
        line-height: 1.75;
        width: 100%;
        background-color: transparent;
        text-transform: none;
        padding: 0 8px;
        text-shadow: 0 0 8px #494948;
    }
}
@media (max-width: 820px) {
    #main .roomimages-wrap {
        flex-direction: column;
    }
        #main .roomimages-wrap .roomimages-left {
            width: 100%;
        }
        #main .roomimages-wrap .roomimages-right {
            border-left: 0;
            width: 100%;
        }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* PACKAGELIST */
#main .packages-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
    #main .packages-wrap a,
    #main .packages-wrap a:link,
    #main .packages-wrap a:hover,
    #main .packages-wrap a:active,
    #main .packages-wrap a:visited,
    #main .packages-wrap a:focus {
        text-decoration: none;
        color: #494948;
    }
    #main .packages-wrap p {
        margin: 0;
    }
    #main .packages-wrap .package-item {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
        border: 1px solid #e0e0e0;
        padding-bottom: 4rem;
        position: relative;
    }
    #main .packages-wrap .package-item:nth-child(2n) {
        margin-right: 0;
    }
        #main .packages-wrap .package-image {
            border-bottom: 4px solid #bc1f21;
        }
        #main .packages-wrap .package-content {
            padding: 32px 16px;
            position: relative;
        }
            #main .packages-wrap .package-content p:nth-child(2) {
                font-family: 'Jost-Medium';
                text-transform: uppercase;
                margin-bottom: 1rem;
            }
            #main .packages-wrap .package-content p:nth-child(1),
            #main .packages-wrap .package-content p:nth-child(3) {
                position: absolute;
                top: 0;
                transform: translateY(-100%);
            }
            #main .packages-wrap .package-content p:nth-child(1) {
                left: -1px;
                z-index: 8;
                background-color: #bc1f21;
                padding: 0 16px;
                color: #fff;
                line-height: 32px;
            }
                #main .packages-wrap .package-content p:nth-child(1)::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    display: inline-block;
                    width: 0;
                    height: 0;
                    transform: translateX(100%);
                    border-bottom: 32px solid #bc1f21;
                    border-right: 32px solid transparent;
                }
            #main .packages-wrap .package-content p:nth-child(3) {
                right: -1px;
                z-index: 6;
                display: inline-block;
                width: 100%;
                padding: 0 16px 0 32px;
                color: #fff;
                text-shadow: 0 0 8px #494948;
                text-align: right;
                font-family: 'Jost-Medium';
                font-size: 40px;
                line-height: 1.5;
            }
            #main .packages-wrap .package-item .morelink {
                position: absolute;
                left: 50%;
                bottom: 2rem;
                transform: translateX(-50%);
                display: inline-block;
                width: auto;
                white-space: nowrap;
                background-color: #bc1f21;
                color: #fff;
                line-height: 40px;
                border-radius: 24px;
                text-align: center;
                padding: 0 40px;
            }
/* ########### */
/* RESPONSIVE */
@media (max-width: 1200px) {
    #main .packages-wrap .package-content p:nth-child(3) {
        font-size: 32px;
    }    
}
@media (max-width: 1000px) {
    #main .packages-wrap .package-item {
        width: 100%;
        margin-right: 0;
    }
        #main .packages-wrap .package-content p:nth-child(3) {
            font-size: 40px;
        }    
}
@media (max-width: 600px) {
    #main .packages-wrap .package-content p:nth-child(2) {
        margin-bottom: 0;
    }
    #main .packages-wrap .package-content p:nth-child(1),
    #main .packages-wrap .package-content p:nth-child(3) {
        position: static;
        top: auto;
        transform: none;
    }
        #main .packages-wrap .package-content p:nth-child(1) {
            left: auto;
            background-color: transparent;
            padding: 0;
            color: #494948;
        }
            #main .packages-wrap .package-content p:nth-child(1)::after {
                content: none;
            }
        #main .packages-wrap .package-content p:nth-child(3) {
            right: auto;
            background-color: transparent;
            padding: 0;
            color: #494948;
            text-align: left;
            margin: 1rem 0;
        }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* PACKAGESINGLE */
#main .package-single {
}
    #main .package-single .package-single-image {
        margin-bottom: 102px;
    }
    #main .package-single .package-single-content {
        margin-bottom: 4rem;
    }
/* ############# */
/* RESPONSIVE */
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* REVIEW */
#main .frame-type-netwerk_review {
    /*background-color: #b3a185;*/
    background-color: #e8e3da;
}
    #main .review-wrap {
        text-align: center;
        /*color: #fff;
        padding: 32px 0 64px 0;*/
        padding: 64px 16px;
    }
        #main .review-wrap header {
            margin-bottom: 48px;
        }
            #main .review-wrap header h2 {
                background: none;
                margin: 0;
                padding: 0;
            }
            #main .review-wrap header p {
                font-family: 'Jost-Medium';
                text-transform: uppercase;
            }
/* ###### */
/* RESPONSIVE */
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* GALLERY */
#main .gallery-wrap {
}
    #main .gallery-wrap a,
    #main .gallery-wrap a:link,
    #main .gallery-wrap a:hover,
    #main .gallery-wrap a:active,
    #main .gallery-wrap a:visited,
    #main .gallery-wrap a:focus {
        text-decoration: none;
    }
    #main .gallery-wrap .gallery-sizer,
    #main .gallery-wrap .gallery-item {
        width: calc(25% - 12px);
        margin-bottom: 16px;
        text-align: center;
    }
/* ####### */
/* RESPONSIVE */
@media (max-width: 820px) {
    #main .gallery-wrap .gallery-sizer,
    #main .gallery-wrap .gallery-item {
        width: calc(33.33333334% - 10.66666667px);
    }
}
@media (max-width: 420px) {
    #main .gallery-wrap .gallery-sizer,
    #main .gallery-wrap .gallery-item {
        width: calc(50% - 8px);
    }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* NEWSLETTER */
#main .nl-form-body {
    display: flex;
    flex-wrap: wrap;
}
    #main .nl-form-body .element {
        width: calc((100% - 48px) / 4);
        margin-right: 16px;
        margin-bottom: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
    }
    #main .nl-form-body .element#fa_9,
    #main .nl-form-body .element#fa_10,
    #main .nl-form-body .element#fa_11 {
        width: 100%;
    }
    #main .nl-form-body .element#fa_8,
    #main .nl-form-body .element#fa_9,
    #main .nl-form-body .element#fa_10,
    #main .nl-form-body .element#fa_11 {
        margin-right: 0;
    }
        #main .nl-form-body label {
            display: inline-block;
            width: 100%;
            line-height: 1.75;
        }
        #main .nl-form-body .mandatory label {
            font-weight: 700;
        }
        #main .nl-form-body .mandatory label::after {
            content: '*';
        }
        #main .nl-form-body input[type=text],
        #main .nl-form-body select,
        #main .nl-form-body button {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            border: 1px solid #484849;
            border-radius: 0;
            padding: 0 8px;
            font: 400 18px/40px 'Alegreya Sans', sans-serif;
            color: #494948;
            outline: none;
            width: 100%;
            height: 40px;
            background-color: #fff;
            text-indent: 0;
        }
        #main .nl-form-body button {
            background-color: #bc1f21;
            color: #fff;
            border: 1px solid #bc1f21;
            cursor: pointer;
            border-radius: 24px;
        }
    #main .nl-form-body .element .validation {
        order: 3;
        display: none;
        color: #f00;
        line-height: 1.5rem;
        font-style: italic;
    }
    #main .nl-form-body .element.invalid .validation {
        display: block;
    }
    #main .nl-form-body .element#fa_9 {
    }
        #main .nl-form-body .element#fa_9 > .first label {
            font-weight: 700;
        }
        #main .nl-form-body .element#fa_9 > .second > div {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
        }
            #main .nl-form-body .element#fa_9 > .second input {
                margin: 8px 16px 0 0;
            }
            #main .nl-form-body .element#fa_9 > .second label {
                flex-grow: 1;
            }
/* ########## */
/* RESPONSIVE */
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* PARTNER */
#main .partner-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}
    #main .partner-wrap p {
        margin: 0;
    }
    #main .partner-wrap .partner-item {
        width: 50%;
        margin-top: 1.5rem;
    }    
    #main .partner-wrap .partner-item:nth-child(1),
    #main .partner-wrap .partner-item:nth-child(2) {
        margin-top: 0;
    }    
    #main .partner-wrap .partner-item,
    #main .partner-wrap .partner-item a,
    #main .partner-wrap .partner-item a:link
    #main .partner-wrap .partner-item a:hover,
    #main .partner-wrap .partner-item a:active,
    #main .partner-wrap .partner-item a:visited,
    #main .partner-wrap .partner-item a:focus {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        text-decoration: none;
    }
        #main .partner-wrap .partner-logo {
            flex-shrink: 0;
        }
        #main .partner-wrap .partner-content {
            flex-grow: 1;
            margin-left: 40px;
        }
            #main .partner-wrap .partner-name {
                margin-top: 8px;
            }
                #main .partner-wrap .partner-name p {
                    color: #b3a185;
                    font-size: 24px;
                    font-weight: 700;
                }
            #main .partner-wrap .partner-link {
            }
                #main .partner-wrap .partner-link p {
                }
/* ####### */
/* RESPONSIVE */
@media (max-width: 1000px) {
    #main .partner-wrap {
        flex-direction: column;
        flex-wrap: nowrap;
    }
        #main .partner-wrap .partner-item {
            width: 100%;
        }    
        #main .partner-wrap .partner-item:nth-child(2) {
            margin-top: 1.5rem;
        }    
}
@media (max-width: 600px) {
    #main .partner-wrap .partner-content {
        margin-left: 24px;
    }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* VIDEO */
#main .frame-type-netwerk_video div {
    width: 100%;
    aspect-ratio: 16 / 9;
}
    #main .frame-type-netwerk_video iframe {
        width: 100%;
        height: 100%;
    }
/* ##### */
/* RESPONSIVE */
/* ########## */