li {
    font-size: var(--w-font-16-button, 1rem);
}
.left-positioned > li > span > button.nav_expander {
        transform: rotate(180deg);
}
.left-positioned > li > span > a.nav_link {
        order: 10;
}
.right-positioned > li > span > button.nav_expander {
        order: 10;
}
.right-positioned > li > span > a.nav_link {
        transform: unset;
}


/* MENU DROPDOWN - Desktop */

/*
-----------------------------------------
 CSS definitions - trigger classes in ()
-----------------------------------------

<nav> .nav_main_levels (+ unique style class > as ex .nav_menu_dropdown)

NIVÃ… 1
<ul>	.nav_group + .nav_level_1_group
<li>	.nav_level + .nav_level_1  (.nav_has_children / .nav_no_children + .nav_expanded + nav_group_is_active)
<span>	.nav_item
<a>		.nav_link (.nav_no_link / .nav_active / .nav_hidden / .nav_deleted / .nav_limited)
<button>.nav_expander
<h2>	.nav_title

NIVÃ… 2
<ul> 	.nav_group + .nav_level_2_group
<li>	.nav_level + .nav_level_2  (.nav_has_children / .nav_no_children + .nav_expanded + nav_group_is_active)
<span>	.nav_item
<a>		.nav_link (.nav_no_link / .nav_active / .nav_hidden / .nav_deleted / .nav_limited)
<button>.nav_expander
<h2>	.nav_title

NIVÃ… 3
<ul> 	.nav_group + .nav_level_3_group
<li>	.nav_level + .nav_level_3
<span>	.nav_item
<a>		.nav_link (.nav_active / .nav_hidden / .nav_deleted / .nav_limited)
*/

@media all and (width >= 1200px) {
    /* RESET MENU ELEMENTS */
    .nav_menu_dropdown {
        display: flex;
        flex: 0 0 100%;
    }

    .nav_menu_dropdown * {
        all: unset;
        font-size: inherit;
        position: relative;
        display: flex;
        flex-flow: row wrap;
        flex: 1 1 200px;
        place-content: center flex-start;
        align-items: flex-start;
        box-sizing: border-box;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
    }

    /* RESET END */
    /* NAV BASICS */
    .nav_menu_dropdown .nav_item,
    .nav_menu_dropdown .nav_group {
        flex: 1 1 100%;
    }

    .nav_menu_dropdown .nav_level_1_group {
        flex-wrap: wrap;
        z-index: 2;
        background-color: inherit;
    }

    .nav_menu_dropdown .nav_level_2_group {
        top: 1px;
    }

    .nav_menu_dropdown .nav_level_3_group {
        position: absolute;
        top: 0;
        left: 100%;
        min-width: 220px;
    }

    .nav_menu_dropdown .nav_level_3_group .nav_level_3 .nav_item .nav_expander {
        display: none;
    }

    .nav_menu_dropdown .nav_level_4_group {
        display: none;
    }

    .nav_menu_dropdown .nav_link,
    .nav_menu_dropdown .nav_expander {
        cursor: pointer;
    }

    /* NAV FOCUS */
    .nav_menu_dropdown .nav_link:focus,
    .nav_menu_dropdown .nav_expander:focus {
        outline: -webkit-focus-ring-color auto 1px;
    }

    /* NAV ITEM SETTINGS */
    .nav_menu_dropdown .nav_item {
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-radius 0.2s ease-in-out;
        color: var(--primary-color-contrast);
        text-align: left;
    }

    .nav_menu_dropdown .nav_level_1 > .nav_item,
    .nav_menu_dropdown .nav_level_1 > .nav_item > * {
        z-index: 10;
        align-items: stretch;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .nav_menu_dropdown .nav_level_2 > .nav_item {
        z-index: 20;
        align-items: stretch;
    }

    .nav_menu_dropdown .nav_level_3 > .nav_item {
        z-index: 30;
        align-items: stretch;
    }

    /* NAV ITEM COLORS AND HOVER */
    .nav_menu_dropdown .nav_level_1 > .nav_item {
        color: var(--primary-color-contrast);
    }

    .nav_menu_dropdown .nav_level_1 .nav_link {
        color: var(--primary-color-contrast);
    }

    .nav_menu_dropdown .nav_level_1 .nav_level_2 .nav_link {
        color: var(--secondary-color);
    }

    .nav_menu_dropdown .nav_level_1 .nav_level_2:hover .nav_item .nav_link {
        color: var(--secondary-color-contrast);
    }

    .nav_menu_dropdown .nav_level_1 .nav_level_2:hover .nav_level_3 .nav_item .nav_link {
        color: var(--secondary-color);
    }

    .nav_menu_dropdown .nav_level_1 .nav_level_2 .nav_level_3:hover .nav_item .nav_link {
        color: var(--secondary-color-contrast);
    }

    .nav_menu_dropdown .nav_level_1:hover > .nav_item,
    .nav_menu_dropdown .nav_level_1.active > .nav_item,
    .nav_menu_dropdown .nav_level_2 > .nav_item,
    .nav_menu_dropdown .nav_level_3 > .nav_item {
        color: var(--secondary-color);
        background-color: var(--secondary-color-contrast);
    }

    .nav_menu_dropdown .nav_level_2:hover > .nav_item,
    .nav_menu_dropdown .nav_level_3:hover > .nav_item {
        color: var(--secondary-color-contrast);
        background-color: var(--secondary-color);
    }

    /* NAV ITEM CONTENT */
    .nav_menu_dropdown .nav_link {
        padding: 0.75em;
    }

    .nav_menu_dropdown .nav_title {
        flex: 1 1 auto;
        align-items: center;
        cursor: default;
    }

    .nav_menu_dropdown .nav_item > * {
        flex: 1 1 calc(100% - 2.2em);
    }

    .nav_menu_dropdown .nav_expander {
        min-height: 100%;
        place-content: center center;
        line-height: 1em;
        flex: 1 1 2.2em;
        background-color: rgb(0 0 0 / 0%) !important;
        color: inherit !important;
    }

    /* NAV ITEM SYMBOLS */
    .nav_menu_dropdown .nav_expander::after {
        font-family: var(--icon-font);
        content: "x";
        width: 2em;
        justify-content: center;
        margin: auto;
        display: flex;
        color: inherit;
        background-color: inherit;
        transform: rotate(0deg);
        transition: transform 0.25s ease-in-out;
        text-transform: lowercase !important;
    }

    .nav_menu_dropdown .nav_expander_flipped::after {
        transform: rotate(180deg);
    }

    .nav_menu_dropdown .nav_level_1.nav_expanded > .nav_item .nav_expander::after,
    .nav_menu_dropdown .nav_level_1:hover > .nav_item .nav_expander::after {
        transform: rotate(180deg);
    }

    .nav_menu_dropdown .nav_level_2 > .nav_item .nav_expander::after {
        content: "v";
    }

    .nav_menu_dropdown .nav_item .nav_link::before {
        font-family: form-icons; /* ALLWAYS FORM ICONS ON LOGGED IN ICONS */
        justify-content: center;
        display: inline-flex;
        color: inherit;
        background-color: inherit;
        padding-right: 0.35em;
        margin-left: -0.25em;
    }

    .nav_menu_dropdown .nav_limited::before {
        content: "W";
    }

    .nav_menu_dropdown .nav_hidden {
        background-color: #a9a9a9;
        color: #000000;
    }

    .nav_menu_dropdown .nav_hidden::before {
        content: "H";
    }

    .nav_menu_dropdown .nav_deleted {
        background-color: #8b0000;
        color: #ffffff;
    }

    .nav_menu_dropdown .nav_deleted::before {
        content: "Q";
        font-size: 90%;
    }

    /* NAV EXPANDED > HOVER */
    .nav_menu_dropdown .nav_level_1:hover .nav_level_2_group,
    .nav_menu_dropdown .nav_level_1.nav_expanded .nav_level_2_group {
        display: flex;
    }

    .nav_menu_dropdown .nav_level_2_group {
        position: absolute;
        top: 100%;
        width: 100%;
        min-width: 220px;
        display: none;
    }

    .nav_menu_dropdown .nav_level_3_group {
        display: none;
    }

    .nav_menu_dropdown .nav_level_2:hover .nav_level_3_group,
    .nav_menu_dropdown .nav_level_2.nav_expanded .nav_level_3_group {
        display: flex;
    }

    .nav_menu_dropdown .flipped .nav_level_3_group {
        left: -100%;
    }

    .w_menu_wrapper.w_menu_hor {
        flex: 1 0 100%;
    }

    .w_menu_wrapper.w_menu_hor .nav_level_1 {
        flex: 0 0 auto;
    }

    .w_menu_wrapper.w_menu_hor .nav_level_1_group {
        flex-wrap: wrap;
    }

    /* w_menu_mega-1 */
    .w_menu_wrapper.w_menu_mega-1 {
        flex: 1 0 auto;
    }

    .w_menu_wrapper.w_menu_mega-1 .nav_level_1 {
        position: static;
        flex: 0 0 auto;
    }

    .w_menu_wrapper.w_menu_mega-1 .nav_level_2 {
        flex-grow: 0;
    }

    .w_menu_wrapper.w_menu_mega-1 .nav_level_2_group {
        left: 0;
        right: 0;
        padding: 1em 2em;
        z-index: 2;
        background-color: var(--secondary-color-contrast);
    }

    .w_menu_wrapper.w_menu_mega-1 .nav_level_3_group {
        position: static;
        display: flex;
    }

    /* w_menu_ver */
    .w_menu_wrapper.w_menu_ver .nav_level_1_group {
        flex-wrap: wrap;
    }

    .w_menu_wrapper.w_menu_ver .nav_level_2_group {
        right: -100%;
        top: 0;
    }

    .w_menu_wrapper.w_menu_ver .nav_expander {
        position: absolute;
        right: 1px;
    }

    .w_menu_wrapper .menu_expander {
        color: var(--primary-color-contrast);
    }

}

/* Extra */
.w_menu_wrapper li.nav_level.deleted > .nav_item::after {
    font-family: "web-icons-2";
    content: "T";
    position: absolute;
    z-index: 10;
    width: 30px;
    height: 100%;
    right: 0;
    color: #ffffff;
    background-color: #ff8c00;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    pointer-events: none;
}

.w_menu_wrapper li.nav_level.hidden > .nav_item::after {
    font-family: "web-icons-2";
    content: "3";
    position: absolute;
    z-index: 10;
    width: 30px;
    height: 100%;
    right: 0;
    color: #ffffff;
    background-color: #4682b4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    padding-left: 3px;
    pointer-events: none;
}

#container #wrap .nav_menu_dropdown .nav_level_1 > .nav_item,
#container #wrap .nav_menu_dropdown .nav_level_1 > .nav_item a {
    color: var(--primary-color-contrast);
    background-color: var(--primary-color)
}

#container #wrap .nav_menu_dropdown .nav_level_1.active > .nav_item,
#container #wrap .nav_menu_dropdown .nav_level_1.active > .nav_item a,
#container #wrap .nav_menu_dropdown .nav_level_1:hover > .nav_item,
#container #wrap .nav_menu_dropdown .nav_level_1:hover > .nav_item a {
    background-color: var(--secondary-color-contrast);
    color: var(--secondary-color)
}




nav[data-v-6d5db1ee] {
    font-family: var(--menu-selected-font, var(--body-font));
    font-size: var(--w-font-16-menu);
    font-weight: var(--button-font-weight);
    text-transform: var(--button-text-transform);
}


a[data-v-e1010384] {
    grid-area: button;

    display: inline-flex;

    place-self: center flex-end;

    box-sizing: border-box;

    width: auto;
    height: 100%;
    max-height: var(--search-box-height-or-default);

    aspect-ratio: 1;
    padding: var(--search-icon-button-padding, 0);
    border-radius: var(--search-icon-button-radius, 0);
    border: var(--search-icon-button-border, none);

    /* --admin-hidden-value from parent (1 = admin-hidden, 0 => visible) */
}
a[data-v-e1010384]:not(:hover) {
        background-color: var(--search-icon-button-color-1);
        color: var(--search-icon-button-color-2);
}
a[data-v-e1010384]:is(:hover) {
        background-color: var(--search-icon-button-color-2);
        color: var(--search-icon-button-color-1);
}
a[data-v-e1010384]:is(:focus-visible) {
        outline: solid 2px var(--search-icon-button-color-2);
        outline-offset: 2px;
}
a[data-v-e1010384] > * {
        width: 100%;

        height: 100%;
        max-height: var(--search-box-height-or-default);
}
a[data-v-e1010384] {
    opacity: calc(
        max(
            /* 0 if not admin hidden */
            1 - var(--admin-hidden-value),
                /* Hover if admin hidden */
            .5 * var(--hover-value) * var(--admin-hidden-value),
                /* Admin hidden */
            .35
        )
    );
}

div.search-container[data-v-cb4ab2c8]{--has-focus-value: 0;--display-none-if-admin-hidden: unset;--admin-hidden-value: 0;--hover-value: 0;--search-box-text-color-or-default: var(--search-box-text-color, rgb(0, 0, 0));--search-field-background-color: transparent;--search-icon-button-radius: 50%;--search-icon-button-border: none;--search-icon-button-color-1: var(--icon-contrast-color);--search-icon-button-color-2: var(--icon-color);--search-icon-button-padding: calc(var(--search-box-height-or-default) / 8);--search-field-border: none;--search-field-radius: 0;--search-box-display: grid;--search-results-background-color: var(--search-box-background-color-or-default);--search-results-text-color: var(--search-box-text-color-or-default);font-size:var(--w-font-16-main, 1rem);border-radius:var(--search-box-border-radius);box-shadow:var(--search-box-box-shadow);color:var(--search-box-text-color-or-default);z-index:var(--container-z-index, unset);display:var(--search-box-display, grid);grid-template:var(--grid-rows)/var(--grid-columns);place-items:var(--search-box-place-items, stretch);place-content:var(--search-box-place-content, stretch);box-sizing:content-box;height:var(--search-box-wrapped-height)}div.search-container[data-v-cb4ab2c8]:is([data-layout=collapsed-icon]){--search-box-background-color-or-default: var(--search-box-background-color, #ffffff);--search-box-height-or-default: var(--search-box-height, auto);--search-field-text-color-or-default: var(--search-box-text-color, rgb(0, 0, 0));--search-box-box-shadow: 0 0 10px rgb(0, 0, 0, 0.15);--search-box-border-radius: calc(var(--search-box-height-or-default) * .5);--search-box-wrapped-height: var(--search-box-height-or-default);--grid-rows: [controls-start input-start button-start] 1fr [results-start] 1fr [results-end input-end controls-end button-end];--grid-columns: [controls-start results-start input-start] max-content [input-end button-start] minmax(max-content, 1fr) [button-end results-end controls-end];--search-field-padding: calc(.2em * var(--has-focus-value)) calc(1.5ch * var(--has-focus-value));--search-field-width: calc(var(--search-field-focus-width, 20ch) * var(--has-focus-value));--container-z-index: var(--search-box-z-index, 101);--results-dropdown-padding-top: calc(var(--search-box-height, 100%) * .5)}div.search-container[data-v-cb4ab2c8]:is([data-layout=full-width-expanded]){--search-box-background-color-or-default: var(--search-box-background-color, transparent);--search-box-height-or-default: var(--search-box-height, auto);--search-box-box-shadow: none;--search-box-wrapped-height: auto;--grid-rows: var(--search-box-padding-around-vertical, var(--search-box-padding-around, 1.5em)) [controls-start input-start button-start] minmax(0, var(--search-box-height-or-default)) [controls-end input-end button-end results-start] max-content var(--search-box-padding-around-vertical, var(--search-box-padding-around, 1.5em)) [results-end];--grid-columns: [results-start] var(--search-box-padding-around-horizontal, var(--search-box-padding-around, 1.5em)) [controls-start input-start] minmax(5ch, 1fr) [input-end] var(--search-box-padding-between, min(1em, 5vw)) [button-start] auto [button-end controls-end] var(--search-box-padding-around-horizontal, var(--search-box-padding-around, 1.5em)) [results-end];--search-field-padding: .2em 1.5ch;--search-field-width: auto;--search-field-border: solid 1px rgb(0, 0, 0, .9);--search-icon-button-color-2: rgb(0, 0, 0, .7);--search-icon-button-color-1: rgb(255, 255, 255, .9);--search-field-radius: var(--border-radius-elements);--search-icon-button-radius: var(--border-radius-elements);--search-result-items-horizontal-padding: var(--search-box-padding-around-horizontal, var(--search-box-padding-around, 1.5em));--results-dropdown-padding-top: var(--search-box-padding-around-vertical, var(--search-box-padding-around, 1.5em))}div.search-container[data-v-cb4ab2c8]:is([data-layout=w-design-8]){--container-z-index: var(--search-box-z-index, -2);--search-box-background-color-or-default: var(--search-box-background-color, transparent);--search-box-height-or-default: var(--search-box-height, 100px);--search-box-place-content: center;--search-box-box-shadow: 0 0 10px rgb(0, 0, 0, 0.15);--search-box-wrapped-height: var(--search-box-height-or-default);--search-results-background-color: #ffffff;--search-results-text-color: #000000;--grid-rows: [controls-start button-start] 1fr [input-start] 40px [input-end] 1fr [button-end results-start] auto [results-end];--grid-columns: [results-start controls-start input-start] auto [input-end button-start] 85px [button-end controls-end results-end];--search-field-radius: var(--border-radius-elements);--search-field-transition-duration: .2s;--search-icon-button-color-1: var(--search-box-background-color-or-default);--search-icon-button-color-2: var(--search-box-text-color-or-default);--search-icon-button-radius: var(--border-radius-elements);--search-icon-button-padding: 20px;--search-result-items-horizontal-padding: 1em;--results-dropdown-padding-top: 0}div.search-container:is([data-layout=w-design-8]).has-focus[data-v-cb4ab2c8]{--search-field-padding: 10px;--search-field-width: calc(max(20vw, 200px));--search-field-border: solid 1px var(--search-box-text-color-or-default);--search-field-margin: 0 20px}div.search-container[data-v-cb4ab2c8]:is([data-layout=w-design-8]):not(.has-focus){--search-field-padding: 0;--search-field-width: 0;--search-field-border: solid 1px transparent;--search-field-margin: 0}div.search-container[data-v-cb4ab2c8]:is(.admin-hidden){--display-none-if-admin-hidden: none;--admin-hidden-value: 1}div.search-container[data-v-cb4ab2c8]:is(.has-focus){--has-focus-value: 1}div.search-container[data-v-cb4ab2c8]:is(:hover){--hover-value: 1}div.search-container[data-v-cb4ab2c8]:is(.admin-hidden)>*{pointer-events:none}div.search-container[data-v-cb4ab2c8]::before{grid-column:1/-1;grid-row:1/-1;display:block;content:"";place-self:stretch stretch;background-color:var(--search-box-background-color-or-default);border-radius:var(--search-box-border-radius)}div.search-container input[data-v-cb4ab2c8]{grid-area:input;padding:var(--search-field-padding);width:var(--search-field-width);margin:var(--search-field-margin, 0);background-color:var(--search-field-background-color) !important;color:var(--search-field-text-color-or-default) !important;box-shadow:none !important;outline:none !important;border:var(--search-field-border) !important;border-radius:var(--search-field-radius, 0);transition:width linear var(--search-field-transition-duration, 0.25s),margin linear var(--search-field-transition-duration, 0.25s),border-color linear calc(var(--search-field-transition-duration, 0.25s)/2);display:var(--display-none-if-admin-hidden, initial)}div.search-container input[data-v-cb4ab2c8]::placeholder{color:var(--search-box-text-color-or-default) !important;opacity:.9}

a.expander-button[data-v-2ab8190a] {

    padding: .75em;

    color: var(--primary-color-contrast, inherit);

    display: inline-flex;
    flex-flow: row nowrap;
    gap: .5em;

  box-sizing: border-box;

  font-size: var(--w-font-16, 1rem);
  place-content: center;
  place-items: center;
}
a.expander-button *[data-v-2ab8190a] {
    color: inherit;
}
a.expander-button > span[data-v-2ab8190a] {
    place-self: center;

    font-size: 1.3em;

    text-transform: uppercase;
}
@media (width <= 1199px) {
a.expander-button > span[data-v-2ab8190a] {
      display: none
}
}
a.expander-button > svg[data-v-2ab8190a] {
    width: 3em;
    height: auto;
    max-height: 100%;
}


.separate-basket-container[data-v-1751e502] {
    display: contents;
}
.separate-basket-container > .basket_widget_outer[data-v-1751e502] {
        display: contents;
}
.separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper[data-v-1751e502] {
            min-width: 5em;
            grid-area: basket;
            place-self: stretch;

            background-color: var(--primary-color);
            color: var(--primary-color-contrast);

            display: grid;
            grid-template-columns: [icon-start] .5fr [count-start] .4fr [icon-end] .1fr [count-end];
            grid-template-rows: [icon-start count-start] .6fr [count-end] .4fr [icon-end];

            place-items: center;
            place-content: center;
}
.separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper[data-v-1751e502], .separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper *[data-v-1751e502] {
                cursor: pointer;
}
.separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper > svg[data-v-1751e502] {
                grid-area: icon;
                width: 2.1em;
                height: 2.1em;
                pointer-events: none;

                opacity: .8;
}
.separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper:hover svg[data-v-1751e502] {
                    opacity: 1;
}
.separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper[data-v-1751e502] >  .cb-widget-basket-display, .separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper[data-v-1751e502] >  .cb-widget-basket-display * {
                    all: initial;
                    font-family: var(--body-font);
}
.separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper[data-v-1751e502] >  .cb-widget-basket-display {

                display: contents !important;
}
.separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper[data-v-1751e502] >  .cb-widget-basket-display > .cb-text {
                    display: contents !important;
}
.separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper[data-v-1751e502] >  .cb-widget-basket-display > .cb-text > :not(.cb-count) {
                        display: none !important;
}
.separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper[data-v-1751e502] >  .cb-widget-basket-display > .cb-text > .cb-count {
                        pointer-events: none !important;

                        grid-area: count !important;

                        position: static !important;
                        display: flex !important;
                        background-color: var(--primary-color-contrast) !important;
                        color: var(--primary-color) !important;
                        -webkit-user-select: none !important;
                                user-select: none !important;

                        align-items: center !important;
                        border-radius: 50% !important;
                        font-size: .8em !important;
                        height: 2em !important;
                        width: 2em !important;
}
.separate-basket-container > .basket_widget_outer > .basket-indicator-wrapper[data-v-1751e502] >  .cb-widget-basket-display > .cb-text {

                    background: transparent !important;
}



.SeparateBasket__separateBasket--Q7tja {
    place-self: center;

    display: grid;
    grid-auto-flow: column;
    column-gap: .75em;

    grid-template: ".       ." 1px
                   "booking basket" 1fr
                   "popup   popup"  1px / auto minmax(1em, max-content);

    place-items: center;

    height: 100%;
}
.SeparateBasket__bookingButton--m5bEl {
    grid-area: booking;

    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    font-size: var(--cbis-booking-button-font-size, inherit);
    text-transform: uppercase;
    cursor: pointer;
}
.SeparateBasket__bookingButton--m5bEl:disabled {
        cursor: default;
        opacity: .5;
}
.SeparateBasket__basketPlaceholder--s3Aws {
    grid-area: basket;
    place-self: stretch;
    min-width: 5em;

    display: grid;
    place-items: center;

    background-color: var(--primary-color);
    color: var(--primary-color-contrast);
}
.SeparateBasket__basketPlaceholder--s3Aws > svg {
        width: 2.1em;
        height: 2.1em;
        opacity: .5;
}
.SeparateBasket__popup--ljIFy {
    grid-area: popup;
}


header[data-v-2b0ceda6] {
    --header-height: 70px;

    display: grid;

    width: 100%;
    background-color: var(--primary-color);
    box-shadow: 0 0 var(--drop-shadow-elements-range) 0 rgb(0, 0, 0, 0.2);
    font-size: var(--w-font-16-menu);

    grid-template:
        "logo     booking-menu language-selector menu-expander" var(--header-height)
        "expanded expanded     expanded          expanded" auto
        / minmax(auto, .9fr) auto auto auto;

    position: relative;
}
header[data-v-2b0ceda6] > * {
        z-index: 1;
}
header > .logo[data-v-2b0ceda6] {
        --dynamic-image-width: auto;
        --dynamic-image-height: 100%;

        grid-area: logo;
        place-self: stretch;

        display: flex;
        place-items: flex-start;
}
header > .expander-button[data-v-2b0ceda6] {
        grid-area: menu-expander;
}
header > .separate-basket[data-v-2b0ceda6] {
        grid-area: booking-menu;
}
header > .language-selector[data-v-2b0ceda6] {
        --w-language-position: static;
        --w-language-z-index: 11000;

        --w-language-border-radius: 0px;

        --w-language-icon-width: 50px;
        --w-language-icon-height: 50px;
        --w-language-icon-padding: 10px;

        --w-language-background-color: white;
        --w-language-expanded-border-width: 1px;

        grid-area: language-selector;
}
header >.expanded-menu[data-v-2b0ceda6] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10000;
        grid-area: expanded;
        display: grid;
        grid-auto-rows: max-content;
        grid-auto-flow: row;
        place-content: flex-start;
        place-items: flex-start stretch;

        grid-template:
            "search" max-content
            "menu" max-content
            "social" 1fr / 1fr;

        background-color: inherit;

        height: calc(100vh - var(--header-height) - var(--admin-top-bar-height, 0px));
        overflow-y: auto;
        overscroll-behavior: contain;
}
@supports (height: 100dvh) {
header >.expanded-menu[data-v-2b0ceda6] {
            height: calc(100dvh - var(--header-height) - var(--admin-top-bar-height, 0px))
}
}
header >.expanded-menu > .search-container[data-v-2b0ceda6] {
            background-color: rgb(255, 255, 255);

            --search-box-height: 48px;
            --search-box-padding-around-vertical: calc(min(5vh, 1.5em));
            --search-box-padding-around-horizontal: calc(min(5vw, 1.5em));

            flex: 0 0 100%;
            order: 2;
            --container-z-index: 1001;
            grid-area: search;
}
header >.expanded-menu > .menu-expander-wrapper[data-v-2b0ceda6] {
            grid-area: menu;
}
header >.expanded-menu >.w_social_sharing[data-v-2b0ceda6] {
            grid-area: social;
            align-self: end;
            justify-content: center;
            padding-bottom: .5em;
}


@media screen {
html:has([data-scroll-lock]) {
        overflow: hidden;
        overscroll-behavior: contain;
}
}


/* Until the client knows the viewport both header variants are rendered; useHeaderViewport's breakpoint picks one. */
@media (width < 1200px) {
#container #wrap [data-header-variant="desktop"] {
        display: none;
}
}
@media (width >= 1200px) {
#container #wrap [data-header-variant="mobile"] {
        display: none;
}
}

[data-v-e7264ffc] .tf-block{font-size:var(--w-font-16-main)}[data-v-e7264ffc] .tf-block h1{font-size:var(--w-font-38-title)}[data-v-e7264ffc] .tf-block h2{font-size:var(--w-font-30-title)}[data-v-e7264ffc] .tf-block h3{font-size:var(--w-font-26-title)}[data-v-e7264ffc] .tf-block h4{font-size:var(--w-font-20-title)}[data-v-e7264ffc] .tf-block h5{font-size:var(--w-font-16-title)}[data-v-e7264ffc] .tf-block h6{font-size:var(--w-font-12-title)}
/*
---------------------------------------------------------
GLOBAL FORM INPUT STYLING
---------------------------------------------------------
*/

form:not(.v2-form) {
  input[type="submit"] {
    line-height: 1.3em;
    transition: all 0.5s ease;

    &:hover {
      box-shadow: inset 0 0 10px 0 rgb(0, 0, 0, 0.2);
      cursor: pointer;
    }
  }
}

/*
------------------------------------------------------------
    CSS Contact form
------------------------------------------------------------
*/

#WIPSMAINCONTENTS .feedback2 {
  .checkbox.collapsable {
    margin-bottom: 7px;
    margin-top: 0;

    &, label {
      border: 0 solid rgb(0, 0, 0, 0.1) !important;
    }

    label {
      padding: 3px 0;
      text-transform: none;

      &.label {
        font-weight: bold !important;
        font-family: inherit !important;
      }
    }

    .wrap {
      background-color: rgb(0, 0, 0, 0.05);
      padding-left: 10px;
      border: 1px solid rgb(0, 0, 0, 0.1);
      border-radius: 3px;
    }

    .fieldset {
      display: flex;
      flex-wrap: wrap;
      overflow: hidden !important;
      margin: 0;
    }

    &.open .fieldset {
      .option {
        input[type="checkbox"] {
          border: 3px solid #ffffff !important;
          outline: none;

          &:disabled {
            box-shadow: inset 0 40px 0 #cc0000;

            ~ .choiceLabel {
              color: #b50000 !important;
            }
          }
        }
      }
    }

    .fieldset {
      transition: max-height 0s ease-out, height 0s ease-out;
      max-height: 0;
      height: 0;
    }

    &.open .fieldset {
      transition: max-height 1s ease-in, height 1s ease-in;
      max-height: 20em;
      height: 100%;
    }
  }
}

/*
----------------------------------------------------------
CONTACT FORM SETTINGS - overrides wips SYSTEM form settings
----------------------------------------------------------
*/

#WIPSMAINCONTENTS form:not(.v2-form) {
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 20px;
  line-height: initial !important;
  display: inline-block;
  width: 100%;
  min-width: 200px;

  .freetext {
    p {
      font-weight: inherit !important;
    }
  }


  input:not([type="submit"]), select, textarea, span {
    padding: 0 12px;
    width: 100%;
    height: 2.5em;
  }

  .date-picker-wrapper {
    display: flex;
    width: 100%;
  }

  .date-picker-trigger {
    margin-left: 5px !important;
    height: 2.5em;
    width: initial !important;
    line-height: 0.7em;
  }

  .dropdown .wrap select {
    padding: 0 12px !important;
    appearance: none;
    background: url(/dist/all/static/b253f2b42e5e00b0f255.png) no-repeat 98% center;
    background-size: 1.5em;
    cursor: pointer;
  }

  input:not([type="file"]),
  .attachment .wrap input[type="file"]::after,
  button,
  select,
  textarea,
  input[type="radio"],
  input[type="checkbox"] {
    border: 1px solid rgb(0, 0, 0, 0.2) !important;
    border-radius: 3px !important;
  }

  button[disabled] {
    opacity: 0.2;
  }

  textarea {
    padding: 6px 12px !important;
    height: 100px;
  }

  input[type="date"], ::placeholder {
    color: #999999;
  }
}


#WIPSMAINCONTENTS form.formDynamicLoaded {
  padding: 0;

  div.container {
    width: 95%;
  }
}


#WIPSMAINCONTENTS form:not(.v2-form) {
  select, textarea, button, input[type="submit"] {
    width: 100%;
    max-width: 100%;
    display: block;
  }

  input[type="file"] {
    border: none;
    background: none;
    box-shadow: none;
  }

  .hardseparator {
    border: none;
    border-bottom: 1px solid #aaaaaa;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  input[type="radio"],
  input[type="checkbox"],
  span {
    width: auto;
    float: left;
    padding: 0;
    height: auto;
  }

  .schema_total {
    margin-right: 5px;
    margin-left: 2px;
    background-color: transparent !important;
    line-height: 1.35em;
    font-weight: bold;
  }

}

div#WIPSMAINCONTENTS form:not(.v2-form) {
  input[type="radio"],
  input[type="checkbox"] {
    margin: -1px 6px 4px 0;
    appearance: auto;
    overflow: visible;
    height: 1.5em !important;
    width: 1.5em !important;
    border-radius: 3px;
    box-shadow: none;
    padding: 0 !important;
    cursor: pointer;
    border: 4px solid !important;
    border-color: inherit;
  }
}

body #WIPSMAINCONTENTS form:not(.v2-form) {
  input[type="radio"]:checked,
  input[type="checkbox"]:checked {
    background-color: #777777 !important;
    border-color: #ffffff !important;
  }

  input[type="radio"] {
    border-radius: 50% !important;
  }
}

#WIPSMAINCONTENTS form:not(.v2-form) {
  .choiceLabel {
    margin-right: 20px;
    width: auto;
  }

  .option {
    width: auto;
    display: block;
    float: left;
    margin: 0 5px 5px 0;

    @media all and (width <= 679px) {
      width: 100%;
    }
  }

  .separator {
    clear: both;
  }

  input[type="file"] {
    position: relative !important;
    overflow: visible;
    margin-left: 0;
    padding: 1.8em 0 0;
    height: 0;

    &::-webkit-file-upload-button {
      position: relative;
      visibility: hidden;
      overflow: visible;
    }
  }

  .attachment {
    &::after {
      pointer-events: none;
      content: "Upload";
      position: absolute;
      top: auto;
      bottom: 0;
      left: 0;
      text-align: center;
      visibility: visible;
      font-weight: normal !important;
      border-radius: 3px;
      width: 30%;
      background-color: var(--secondary-color);
      color: var(--secondary-color-contrast);
      height: 2.3em;
      line-height: 1em;
      padding: 0.7em;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      cursor: pointer;
      transition: all 0.5s ease;
      text-transform: uppercase;
      font-family: Arial, sans-serif;
    }

    &::before {
      pointer-events: none;
      content: "browse";
      position: absolute;
      inset: auto 0 0 -100%;
      overflow: visible;
      text-align: center;
      visibility: visible;
      font-weight: normal !important;
      border-radius: 3px;
      width: 30%;
      height: 2.3em;
      line-height: 1em;
      padding: 0.7em;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      cursor: pointer;
      transition: left 0.5s ease, color 1s ease, box-shadow 1s ease;
      text-transform: uppercase;
      color: var(--secondary-color);
      background-color: var(--secondary-color-contrast);
      z-index: 1000;
      font-family: Arial, sans-serif;
      border: 1px solid;
      border-right: 0 solid;
      border-color: rgb(0, 0, 0, 0.2) !important;
      box-sizing: border-box;
    }

    &:hover::before {
      transition: left 0.5s ease, color 1s ease, box-shadow 1s ease;
      left: 0;
      color: #777777 !important;
    }

    .wrap {
      input[type="file"]:hover ~ input[type="text"] {
        transition: border 0.5s ease, box-shadow 1s ease;
        transition-delay: 0.35s;
        border: 1px solid rgb(0, 0, 0, 0.15) !important;
      }

      input[type="file"] ~ input[type="text"] {
        transition: border 0.5s ease, box-shadow 1s ease;
        border: 1px solid rgb(0, 0, 0, 0.2) !important;
        border-left: 0 !important;
        box-sizing: border-box;
        outline: none !important;
        min-height: 0 !important;
        height: 2.3em;
      }

      img {
        border: 1px solid rgb(150, 150, 150, 0.5);
        float: right;
        margin: 10px;

        &::before {
          content: "Your stored file > ";
          display: inline-block;
          margin: 10px;

        }
      }

      input[type="file"] {
        width: 30%;
        float: left;
        position: relative;
        height: 2.3em;
        cursor: pointer;
      }

      input[type="text"] {
        display: block !important;
        border-radius: 3px;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        width: 70%;
        float: left;
        position: relative;
        height: 2.2em;
        line-height: 1em !important;
        padding: 0.6em !important;
      }
    }
  }
}

#WIPSMAINCONTENTS form:not(.v2-form) {
  .label {
    line-height: 1.5em;
    display: block;
    width: 100%;
    text-align: left;
    font-weight: normal;
  }

  .fieldset {
    margin-left: 10px;
    margin-top: 5px;
  }

  .container {
    margin-bottom: 20px;
    margin-top: 4px;
    position: relative;
    clear: both;
  }

  .container.required .wrap::after {
    content: "required";
    font-weight: normal;
    font-size: 10px;
    float: right;
    position: absolute;
    right: 15px;
    bottom: -10px;
    text-transform: lowercase;
  }

  .date, .time {
    display: block;
  }

  .wrap .label,
  .hardseparator {
    border: none;
    border-top: 1px solid #cccccc !important;
    padding-top: 8px;
    padding-bottom: 3px;
  }

  .containerFirst .wrap .label {
    border-top: 0 solid #cccccc !important;
    padding-top: 0;
  }

  .containerLast {
    margin-bottom: 20px !important;
  }

  button[type="submit"] {
    font-size: 1.2em;
  }

  input[type="file"]::after,
  button,
  input[type="submit"] {
    border: 1px solid;
    padding: 0.5em 1em;
    text-decoration: none;
    display: inline-block;
  }

  input {
    display: block;
  }

  .container.attachment input {
    outline: none !important;
  }
}

body {
  input:not([type="file"]):not([type="button"]):not([type="submit"]),
  select,
  textarea {
    &:not(.form-field-v2) {
      border: none;
      border-radius: 3px;
      box-shadow: inset 0 0 10px rgb(0, 0, 0, 0.1);
      background-color: #f0f0f0;
    }

  }
}

#WIPSMAINCONTENTS {
  .single-article input[type="date"]::-webkit-inner-spin-button,
  .single-article input[type="date"]::-webkit-calendar-picker-indicator {
    display: inline-block !important;
    opacity: 1 !important;
    z-index: 2;
    padding: 1em 0.25em 1em 0.35em;
  }

  .single-article input[type="date"]::-webkit-calendar-picker-indicator:hover {
    background-color: transparent !important;

  }

  .single-article form:not(.v2-form) input[type="date"] {
    position: relative !important;
    padding-right: 5px !important;
    cursor: pointer;
  }

  /*
  ----------------------------------------------------------
  FIX ON SPECIAL WIPS PAGES
  ----------------------------------------------------------
  */

  &.wips_module_name_feedback_2 > :nth-child(3) {
    clear: both;
  }

  &.wips_module_name_feedback_2 {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/*
-----------------------------------------------------------
WIPSMAINCONTENT FORM PAGETYPE FIX
-----------------------------------------------------------
*/
div#WIPSMAINCONTENTS {
  &.wips_module_name_none, &.wips_module_name_feedback_2 {
    @media all and (width <= 1199px) {
      display: block !important;
      text-align: left;
      width: auto;
      padding: 80px 0 0;
    }

    @media all and (width >= 1200px) {
      display: block !important;
      padding: 0;
      margin: 0 auto;
      text-align: left;
      width: 100%;
    }

  }
}

.wips_module_name_none h1,
.wips_module_name_feedback_2 h1 {
  @media all and (width <= 1199px) {
    text-align: center;
    margin-bottom: 15px;
  }

  @media all and (width >= 1200px) {
    margin-bottom: 15px;
  }
}




:root {
    /* BASIC - RESPONSIVE FONT SIZES
    This is the main responsive font size system.
    Individual var-name-number indicates the true font size at 1920px.
    New sizes can be added when needed.
    */

    --w-font-12: calc(9.7px + 0.12vw);
    --w-font-14: calc(11.7px + 0.12vw);
    --w-font-16: calc(13.7px + 0.12vw);
    --w-font-18: calc(15.7px + 0.12vw);
    --w-font-20: calc(17.7px + 0.12vw);
    --w-font-26: calc(19.3px + 0.3vw);
    --w-font-30: calc(20.4px + 0.5vw);
    --w-font-38: calc(21.2px + 0.88vw);
    --w-font-46: calc(21px + 1.3vw);
    --w-font-54: calc(23.4px + 1.6vw);
    --w-font-70: calc(22px + 2.5vw);
    --w-font-80: calc(32px + 2.5vw);

    /* TITLES
    Unique use for titles h1 to h6.
    Combines the BASIC :root variables above multiplied by Template adjustments :root --title-font-size
    */
    --w-font-12-title: calc(var(--w-font-12) * var(--title-font-size));
    --w-font-14-title: calc(var(--w-font-14) * var(--title-font-size));
    --w-font-16-title: calc(var(--w-font-16) * var(--title-font-size));
    --w-font-18-title: calc(var(--w-font-18) * var(--title-font-size));
    --w-font-20-title: calc(var(--w-font-20) * var(--title-font-size));
    --w-font-26-title: calc(var(--w-font-26) * var(--title-font-size));
    --w-font-30-title: calc(var(--w-font-30) * var(--title-font-size));
    --w-font-38-title: calc(var(--w-font-38) * var(--title-font-size));
    --w-font-46-title: calc(var(--w-font-46) * var(--title-font-size));
    --w-font-54-title: calc(var(--w-font-54) * var(--title-font-size));
    --w-font-70-title: calc(var(--w-font-70) * var(--title-font-size));
    --w-font-80-title: calc(var(--w-font-80) * var(--title-font-size));

    /* MAIN TEXT
    Unique use for all basic text as "p", "span", "li" etc.
    Combines the BASIC :root variables above multiplied by Template adjustments :root --main-font-size
    */
    --w-font-12-main: calc(var(--w-font-12) * var(--main-font-size));
    --w-font-14-main: calc(var(--w-font-14) * var(--main-font-size));
    --w-font-16-main: calc(var(--w-font-16) * var(--main-font-size));
    --w-font-18-main: calc(var(--w-font-18) * var(--main-font-size));
    --w-font-20-main: calc(var(--w-font-20) * var(--main-font-size));
    --w-font-26-main: calc(var(--w-font-26) * var(--main-font-size));
    --w-font-30-main: calc(var(--w-font-30) * var(--main-font-size));
    --w-font-38-main: calc(var(--w-font-38) * var(--main-font-size));
    --w-font-46-main: calc(var(--w-font-46) * var(--main-font-size));
    --w-font-54-main: calc(var(--w-font-54) * var(--main-font-size));
    --w-font-70-main: calc(var(--w-font-70) * var(--main-font-size));
    --w-font-80-main: calc(var(--w-font-80) * var(--main-font-size));

    /* MENU AND BUTTONS
    Unique use for all menus and buttons
    Combines the BASIC :root variables above multiplied by Template adjustments :root --menu-font-size
    */
    --w-font-12-menu: calc(var(--w-font-12) * var(--menu-font-size));
    --w-font-14-menu: calc(var(--w-font-14) * var(--menu-font-size));
    --w-font-16-menu: calc(var(--w-font-16) * var(--menu-font-size));
    --w-font-18-menu: calc(var(--w-font-18) * var(--menu-font-size));
    --w-font-20-menu: calc(var(--w-font-20) * var(--menu-font-size));
    --w-font-26-menu: calc(var(--w-font-26) * var(--menu-font-size));
    --w-font-30-menu: calc(var(--w-font-30) * var(--menu-font-size));
    --w-font-38-menu: calc(var(--w-font-38) * var(--menu-font-size));
    --w-font-46-menu: calc(var(--w-font-46) * var(--menu-font-size));
    --w-font-54-menu: calc(var(--w-font-54) * var(--menu-font-size));
    --w-font-70-menu: calc(var(--w-font-70) * var(--menu-font-size));
    --w-font-80-menu: calc(var(--w-font-80) * var(--menu-font-size));
}
html {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
            text-size-adjust: none;
}
body {
    margin: inherit;
    padding: inherit;
    text-align: center;

    background: #ffffff no-repeat fixed 50% 50%;

    height: 100%;
    width: 100%;
}
body:not(.read-more).hfull {
            position: fixed !important;
            inset: 0;
}
article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
    display: block;
}
h1, h2, h3, h4, h5, h6 {
    overflow-wrap: anywhere
}
sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}
a {
    text-decoration: none;
    color: inherit;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
        content: none;
}


#outerContent[data-v-9d18694c] {
    min-height: var(--page-minimum-height);
    width: 100%;
    text-align: center;
    background-color: transparent !important;
}
#wrap[data-v-9d18694c] {
    background-color: var(--body-background-color);
    border-radius: calc(var(--wrap-border-radius, var(--border-radius-elements, 0)));
    width: var(--outer-layout-width, auto);
    min-height: 100vh !important;
    position: var(--wrap-position, relative);
    margin: var(--outer-layout-margin, auto);
    overflow: visible;
    height: var(--wrap-height, 100%);
    display: block;
    border: none;
    left: var(--wrap-left, unset);
    right: var(--wrap-right, unset);
}
@media all and (width >= 1200px) {
#container[data-v-9d18694c] {
        max-width: var(--container-max-width);
        min-width: var(--container-min-width);
}
}
body {
    font-size: var(--main-font-size);
    text-align: var(--text-alignment);
    color: var(--body-text-color);
    background-color: var(--body-background-color);
    font-family: var(--body-font);
    font-weight: var(--main-font-weight);
    text-transform: var(--main-text-transform);
}
#font-size-script.responsive-text[data-v-9d18694c] {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    height: 100%;
}
#container[data-v-9d18694c] {
    background-size: cover;
    display: block;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
    top: 0;
}