/* LAZYSIZES */
.lazyload,
.lazyloading {
    min-height: 1px;
    opacity: 0;
    filter: blur(5px);
}
.lazyloaded {
    opacity: 1;
    filter: blur(0);
    transition: opacity 400ms, filter 400ms;
}
/* ######### */


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


/* EASYBOOKING */
#ebbe-datepicker-div,
#ui-datepicker-div {
    line-height: initial;
}
.html-wrap::before,
.html-wrap::after {
	clear: both;
	content: '';
	display: table;
}
.html-wrap {
	clear: both;
}
/* ########### */


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


/* WEATHER */
/* ####### */
/* RESPONSIVE */
@media (max-width: 840px) {
    #main #cont_0cead7eb870cf3ad1f771258ff6c0530 {
        width: 100% !important;
        overflow: auto;
    }
}
/* ########## */


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


/* PAGELIST SLIDER */
#main .pagelist-slider-wrap {
    position: relative;
    padding: 72px 0;
}
    #main .pagelist-slider-nav {
        position: absolute;
        top: calc((84vw / 2) + 48px);
        right: 0;
        left: 0;
        z-index: 4;
        transform: translateY(-100%);
    }
        #main .pagelist-slider-nav ul {
            list-style: none;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;            
        }
            #main .pagelist-slider-nav li {
                margin: 0 12px;
                padding: 0 4px;
                line-height: 24px;
                color: #fff;
                cursor: pointer;
            }
            #main .pagelist-slider-nav li.active {
                border-bottom: 1px solid #fff;
            }
    #main .pagelist-slider-inner a,
    #main .pagelist-slider-inner a:link,
    #main .pagelist-slider-inner a:hover,
    #main .pagelist-slider-inner a:active,
    #main .pagelist-slider-inner a:visited,
    #main .pagelist-slider-inner a:focus {
        color: #404042;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        height: 100%;
    }
    #main .pagelist-slider-inner p {
        margin: 0;
        text-align: center;
    }
    #main .pagelist-slider-inner .pagelist-item {
    }
        #main .pagelist-slider-inner .pagelist-image {
        }
        #main .pagelist-slider-inner .pagelist-content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            width: 720px;
            max-width: 100%;
            margin: 0 auto;
            flex-grow: 1;
            padding: 80px 0;
            opacity: 0;
            visibility: hidden;
            transition: all 240ms ease-in-out 320ms;
        }
        #main .pagelist-slider-inner .slick-current .pagelist-content {
            opacity: 1;
            visibility: visible;
        }
            #main .pagelist-slider-inner .pagelist-content .pagelist-header {
                margin-bottom: 2rem;
            }
                #main .pagelist-slider-inner .pagelist-content .pagelist-header p {
                    font-weight: 700;
                }
                #main .pagelist-slider-inner .pagelist-content .pagelist-header p:first-of-type {
                    font-size: 36px;
                    line-height: 1;
                }
            #main .pagelist-slider-inner .pagelist-content > p:nth-last-of-type(2) {
                margin-top: auto;
                margin-bottom: auto;
            }
            #main .pagelist-slider-inner .pagelist-content > p:last-of-type {
                margin-top: 2rem;
                border-bottom: 1px solid #404042;
                padding: 0 4px;
            }
/* slider */
#main .pagelist-slider-inner.slick-slider .slick-arrow {
    top: calc(84vw / 2);
    width: calc(84vw / 2);
}
#main .pagelist-slider-inner.slick-slider .slick-prev {
    transform-origin: left top;
    transform: rotate(-90deg);
}
#main .pagelist-slider-inner.slick-slider .slick-next {
    transform-origin: right top;
    transform: rotate(90deg);
}
/* ****** */
/* ############### */
/* RESPONSIVE */
@media (max-width: 1400px) {
    #main .pagelist-slider-nav li {
        margin: 0 8px;
    }
    #main .pagelist-slider-inner .pagelist-content {
        padding: 48px 0;
    }
}
@media (max-width: 1200px) {
    #main .pagelist-slider-nav {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}
@media (max-width: 1000px) {
    #main .pagelist-slider-inner .pagelist-content {
        justify-content: flex-start;
    }
        #main .pagelist-slider-inner .pagelist-content > p:nth-last-of-type(2) {
            margin-top: 0;
            margin-bottom: 0;
        }    
}
@media (max-width: 820px) {
    /* slider */
    #main .pagelist-slider-inner.slick-slider .slick-dots {
        position: absolute;
        top: calc((84vw / 2) + 16px);
        right: 0;
        left: 0;
        transform: translateY(-50%);
        z-index: 0;
    }
    /* ****** */
}
@media (max-width: 600px) {
    /* slider */
    #main .pagelist-slider-inner.slick-slider .slick-dots {
        position: absolute;
        top: calc((84vw / 3 * 2) + 16px);
    }
    /* ****** */
}
@media (max-width: 420px) {
    /* slider */
    #main .pagelist-slider-inner.slick-slider .slick-dots {
        position: absolute;
        top: calc(84vw + 16px);
    }
    /* ****** */
}
/* ########## */


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


/* PAGELIST TEASER */
#main .pagelist-teaser-wrap {
    padding: 8px 0 72px 0;
}
    #main .pagelist-teaser-inner {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
    }
        #main .pagelist-teaser-inner a,
        #main .pagelist-teaser-inner a:link,
        #main .pagelist-teaser-inner a:hover,
        #main .pagelist-teaser-inner a:active,
        #main .pagelist-teaser-inner a:visited,
        #main .pagelist-teaser-inner a:focus {
            color: #404042;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: stretch;
            height: 100%;
        }
        #main .pagelist-teaser-inner p {
            margin: 0;
            text-align: center;
            color: #fff;
        }
        #main .pagelist-teaser-inner .pagelist-item {
            position: relative;
            width: calc((100% - 96px) / 4);
            margin-right: 32px;
            margin-top: 64px;
        }
        #main .pagelist-teaser-inner .pagelist-item:nth-child(4n),
        #main .pagelist-teaser-inner .pagelist-item:last-child {
            margin-right: 0;
        }
            #main .pagelist-teaser-inner .pagelist-content {
                position: absolute;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 2;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                padding: 24px;
            }
                #main .pagelist-teaser-inner .pagelist-content .pagelist-header {
                    margin-bottom: 2rem;
                }
                    #main .pagelist-teaser-inner .pagelist-content .pagelist-header p {
                        font-weight: 700;
                        line-height: 1.5;
                    }
                    #main .pagelist-teaser-inner .pagelist-content .pagelist-header p:first-of-type {
                        font-size: 36px;
                        line-height: 1;
                        text-transform: uppercase;
                    }
            #main .pagelist-teaser-inner .pagelist-content > p:last-of-type {
                border-bottom: 1px solid #fff;
                padding: 0 4px;
            }
/* ############### */
/* RESPONSIVE */
@media (max-width: 1200px) {
    #main .pagelist-teaser-inner .pagelist-item {
        width: calc((100% - 64px) / 3);
    }
    #main .pagelist-teaser-inner .pagelist-item:nth-child(4n) {
        margin-right: 32px;
    }
    #main .pagelist-teaser-inner .pagelist-item:nth-child(3n),
    #main .pagelist-teaser-inner .pagelist-item:last-child {
        margin-right: 0;
    }
}
@media (max-width: 1000px) {
    #main .pagelist-teaser-inner .pagelist-item {
        width: calc((100% - 32px) / 2);
    }
    #main .pagelist-teaser-inner .pagelist-item:nth-child(3n) {
        margin-right: 32px;
    }
    #main .pagelist-teaser-inner .pagelist-item:nth-child(2n),
    #main .pagelist-teaser-inner .pagelist-item:last-child {
        margin-right: 0;
    }
}
@media (max-width: 600px) {
    #main .pagelist-teaser-inner .pagelist-item {
        width: 100%;
        margin-right: 0;
    }
    #main .pagelist-teaser-inner .pagelist-item:nth-child(3n) {
        margin-right: 0;
    }
}
/* ########## */


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


/* TEXT-BACKGROUND */
#main .netwerk_textbackground-wrap {
    position: relative;
}
    #main .netwerk_textbackground-wrap .textbackground-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    #main .netwerk_textbackground-wrap .textbackground-image::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .4);
    }
        #main .netwerk_textbackground-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    #main .netwerk_textbackground-wrap .textbackground-content {
        position: relative;
        padding: 120px 0 200px 0;
    }
    #main .netwerk_textbackground-wrap .textbackground-content::before {
        content: '';
        position: absolute;
        top: 20%;
        left: 50%;
        z-index: -1;
        display: inline-block;
        width: 260px;
        height: 260px;
        background-image: url("../Svg/quadrate.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transform: rotate(45deg);
        filter: invert(1);
        opacity: .24;
    }
        #main .netwerk_textbackground-wrap p {
            color: #fff;
        }
/* ############### */
/* RESPONSIVE */
@media (max-width: 1200px) {
    #main .netwerk_textbackground-wrap .textbackground-content {
        padding: 80px 0 120px 0;
    }
}
@media (max-width: 820px) {
    #main .netwerk_textbackground-wrap .textbackground-content {
        padding: 48px 0 72px 0;
    }
    #main .netwerk_textbackground-wrap .textbackground-content::before {
        width: 200px;
        height: 200px;
    }
}
@media (max-width: 600px) {
    #main .netwerk_textbackground-wrap .textbackground-content::before {
        top: 10%;
        transform: translateX(-50%) rotate(45deg);
    }
}
/* ########## */


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


/* THREE BOXES */
#main .threeboxes-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
    #main .threeboxes-wrap a,
    #main .threeboxes-wrap a:link,
    #main .threeboxes-wrap a:hover,
    #main .threeboxes-wrap a:active,
    #main .threeboxes-wrap a:visited,
    #main .threeboxes-wrap a:focus {
        color: #404042;
        text-decoration: none;
    }
        #main .threeboxes-wrap .threeboxes-item {
            position: relative;
            width: 31%;
        } 
        #main .threeboxes-wrap .threeboxes-item:nth-child(2) {
            width: 34%;
            margin: 0 2%;
        }
            #main .threeboxes-wrap .threeboxes-image {
                position: relative;
            }
            #main .threeboxes-wrap .threeboxes-image::after {
                content: '';
                position: absolute;
                top: 60%;
                right: 0;
                bottom: 0;
                left: 0;
                background-image: linear-gradient(to top, rgba(0, 0, 0, .48), rgba(0, 0, 0, 0));
            }
            #main .threeboxes-wrap .threeboxes-content {
                position: absolute;
                bottom: 32px;
                left: 50%;
                transform: translateX(-50%);
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
            }
                #main .threeboxes-wrap .threeboxes-content svg {
                    width: 48px;
                    height: 70px;
                    fill: #fff;
                }
                #main .threeboxes-wrap .threeboxes-content p {
                    font-size: 20px;
                    line-height: 1.8;
                    color: #fff;
                    text-transform: uppercase;
                    text-align: center;
                }
/* slider */
#main .threeboxes-wrap.slick-slider .slick-dots {
    margin-top: 8px !important;
}
/* ****** */
/* ########### */
/* RESPONSIVE */
@media (max-width: 820px) {
    #main .threeboxes-wrap {
        display: inline-block;
        width: 100%;
    }
        #main .threeboxes-wrap .threeboxes-item,
        #main .threeboxes-wrap .threeboxes-item:nth-child(2) {
            width: 50vw;
            margin: 0 24px;
        }
            #main .threeboxes-wrap .threeboxes-content {
                bottom: 16px;
            }
                #main .threeboxes-wrap .threeboxes-content svg {
                    width: 32px;
                    height: 46px;
                }
                #main .threeboxes-wrap .threeboxes-content p {
                    font-size: 16px;
                }
}
@media (max-width: 420px) {
    #main .threeboxes-wrap .threeboxes-item,
    #main .threeboxes-wrap .threeboxes-item:nth-child(2) {
        width: 64vw;
        margin: 0 16px;
    }
        #main .threeboxes-wrap .threeboxes-content {
            bottom: 8px;
        }
            #main .threeboxes-wrap .threeboxes-content p {
                font-size: 12px;
            }
}
/* ########## */


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


/* ROUTEPLANER */
#main .maps-routing {
}
    #main .maps-routing form {
        display: flex;
        justify-content: center;
        align-items: center;
    }
        #main .maps-routing input,
        #main .maps-routing button {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            font: normal 1rem/32px century-gothic, sans-serif;
            border: 0;
            border-radius: 0;
            background-color: transparent;
            text-indent: 0;
            padding: 0 8px;
            margin: 0;
            color: #404042;
        }
        #main .maps-routing input {
            border-bottom: 1px solid #404042;
            margin-right: 16px;
            width: 240px;
        }
        #main .maps-routing button {
            cursor: pointer;
            background-color: #cfa956;
            padding: 0 24px;
            font-weight: 700;
            color: #fff;
        }
/* ########### */
/* RESPONSIVE */
/* ########## */


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


/* EQUIPMENT */
#main .equipment-wrap {
    padding: 64px 0 96px 0;
}
    #main .equipment-wrap ul {
        list-style: none;
        margin-left: 0;
    }
        #main .equipment-wrap li {
            border-bottom: 2px dotted #d1d0c7;
            background-image: url("../svg/heart.svg");
            background-position: 16px 10px;
            background-repeat: no-repeat;
            background-size: auto 16px;
            padding-left: 48px;
        }
/* ######### */
/* RESPONSIVE */
@media (max-width: 820px) {
    #main .equipment-wrap li {
        background-position: 12px 10px;
        padding-left: 40px;
    }
}
@media (max-width: 600px) {
    #main .equipment-wrap li {
        background-position: 4px 10px;
        padding-left: 32px;
    }
}
/* ########## */


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


/* GALLERY */
#main .gallery-wrap {
}
    #main .gallery-wrap .gallery-item {
        margin: 16px 0;
    }
    #main .gallery-wrap .gallery-sizer,
    #main .gallery-wrap .gallery-item {
        width: calc((100% - 96px) / 4);
    }
    #main .gallery-wrap .gallery-gutter {
        width: 32px;
    }
/* ####### */
/* RESPONSIVE */
@media (max-width: 1200px) {
    #main .gallery-wrap .gallery-sizer,
    #main .gallery-wrap .gallery-item {
        width: calc((100% - 64px) / 3);
    }
}
@media (max-width: 820px) {
    #main .gallery-wrap .gallery-item {
        margin: 12px 0;
    }
    #main .gallery-wrap .gallery-sizer,
    #main .gallery-wrap .gallery-item {
        width: calc((100% - 24px) / 2);
    }
    #main .gallery-wrap .gallery-gutter {
        width: 24px;
    }
}
@media (max-width: 420px) {
    #main .gallery-wrap .gallery-item {
        margin: 8px 0;
    }
    #main .gallery-wrap .gallery-sizer,
    #main .gallery-wrap .gallery-item {
        width: calc((100% - 16px) / 2);
    }
    #main .gallery-wrap .gallery-gutter {
        width: 16px;
    }
}
/* ########## */


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


/* IMAGE */
#main .netwerk_bigimage-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* ##### */