/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b, strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code, kbd, samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button, input, optgroup, select, textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button, input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button, select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"], [type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

* {
  box-sizing:border-box;
}

html {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  min-width: 320px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
}

body {
  min-height: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, figure, b {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, blockquote:last-child, figure:last-child, b:last-child{
    margin-bottom:0;
    padding-bottom: 0;
  }

p {
  line-height: 1.5;
  padding-bottom: 1.5em;
}

p a {
    color: currentColor;
  }

img, svg {
  vertical-align: bottom;
}

a {
  display: inline;
  color: currentColor;
  text-decoration: none;
}

::-moz-selection {
  background-color: rgba(0, 0, 0, 0.15);
}

::selection {
  background-color: rgba(0, 0, 0, 0.15);
}

.no-transitions * {
    transition: none !important;
  }

.action  {
  color: currentColor;
  line-height: inherit;
}

.action--underline .action__title {
      position: relative;
    }

.action--underline .action__title:after {
        transition-property: width;
        transition-duration: 1200ms;
        transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition-delay: 0ms;
        display: block;
        content: '';
        width: 0;
        height: 1px;
        background-color: currentColor;
        position: absolute;
        bottom: 0;
        left: 0;
      }

.not-touch-device .action--underline:hover .action__title:after {
          transition-duration: 250ms;
          width: 100%;
        }

.action--underline.is-active .action__title:after {
          width: 100%;
        }

.action--underline-subnavigation .action__title {
      position: relative;
    }

.action--underline-subnavigation .action__title:after {
        transition-property: width;
        transition-duration: 1200ms;
        transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition-delay: 0ms;
        display: block;
        content: '';
        width: 0;
        height: 1px;
        background-color: currentColor;
        position: absolute;
        bottom: 0;
        left: 0;
      }

@media only screen and (min-width: 1024px) {
          .not-touch-device .action--underline-subnavigation:hover .action__title:after {
            transition-duration: 250ms;
            width: 100%;
          }
}

.action--underline-subnavigation.is-active .action__title:after {
          width: 100%;
        }

.action__title {
    position: relative;
    display: block;
  }

.input--text-field {
    width: 100%;
    line-height: 20px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid;
    -webkit-appearance: none;
    height: 40px;
  }

[data-theme="carillon"] .input--text-field {
      border-color: #b2c6d3;
      color: #676767;
    }

[data-theme="waldhaus"] .input--text-field {
      border-color: #776d3c;
      color: #676767;
    }

.input--textarea {
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid;
    min-height: 200px;
    padding: 10px;
    vertical-align: bottom;
    -webkit-appearance: none;
  }

[data-theme="carillon"] .input--textarea {
      border-color: #b2c6d3;
      color: #676767;
    }

[data-theme="waldhaus"] .input--textarea {
      border-color: #776d3c;
      color: #676767;
    }

.input--fake-select {
    cursor: pointer;
    color: currentColor;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    border: none;
    width: 125%;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    padding: 0 10px;
    border-radius: 10px;
    text-align: left;
    -webkit-appearence: none;
  }

.input--fake-select span[class*="type--"] {
      line-height: 40px;
    }

.input--select {
    cursor: pointer;
    color: currentColor;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    border: none;
    width: 140%;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    padding: 0 10px 0 20px;
    border-radius: 10px;
  }

.input--select-wrapper {
      display: inline-block;
      position: relative;
      width: 100%;
      overflow: hidden;
      border: 1px solid;
      border-radius: 10px;
      vertical-align: middle;
      background-color: #ffffff;
    }

[data-theme="carillon"] .input--select-wrapper {
        border-color: #b2c6d3;
        color: #676767;
      }

[data-theme="waldhaus"] .input--select-wrapper {
        border-color: #776d3c;
        color: #676767;
      }

.input--select-caret {
      position: absolute;
      top: 20px;
      right: 10px;
      height: 10px;
      width: 10px;
      color: currentColor;
      margin-top: -5px;
      pointer-events: none;
      line-height: 0;
      opacity: 0.5;
    }

.input--selection {
    opacity: 0;
    position: absolute;
    left: 0;
  }

[data-theme="carillon"] .input--selection:checked + .input--selection-box {
          color: #b2c6d3;
        }

[data-theme="waldhaus"] .input--selection:checked + .input--selection-box {
          color: #776d3c;
        }

.input--selection-wrapper {
      display: inline-block;
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-left: 35px;
    }

.input--selection-box {
      width: 25px;
      height: 25px;
      position: absolute;
      border-radius: 5px;
      border: 1px solid;
      left: 0;
      color: transparent;
    }

[data-theme="carillon"] .input--selection-box {
        border-color: #b2c6d3;
      }

[data-theme="waldhaus"] .input--selection-box {
        border-color: #776d3c;
      }

.input--selection-checkmark {
      position: absolute;
      top: 1px;
      left: 1px;
      height: 21px;
      width: 21px;
      color: currentColor;
      pointer-events: none;
      line-height: 0;
    }

.input--selection-label {
      line-height: 25px;
    }

.input--checkbox-field, .input--radio-field {
    line-height: 1;
  }

.input--inline-label {
    line-height: 1.75em;
    cursor: pointer;
  }

.input--hidden {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  }

.u-bg-c-alabaster {
    background-color: #fafafa;
  }

.turbolinks-progress-bar {
  height: 3px;
  background-color: #fafafa;
  box-shadow: 0 0 5px 0 rgba(26,26,26, 0.1);
}

[data-theme="carillon"] .turbolinks-progress-bar {
    background-color: #6498AE;
  }

[data-theme="waldhaus"] .turbolinks-progress-bar {
    background-color: #776d3c;
  }


@font-face {
  font-family: "FreightDisp Pro Book Italic-Black";
  src: url("/fonts/FreightDispProBookItalic/FreightDispProBookItalic.woff2") format("woff2"),
       url("/fonts/FreightDispProBookItalic/FreightDispProBookItalic.woff") format("woff"),
       url("/fonts/FreightDispProBookItalic/FreightDispProBookItalic.otf") format("opentype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mark Pro";
  src: url("/fonts/MarkPro/MarkPro.woff2") format("woff2"),
       url("/fonts/MarkPro/MarkPro.woff") format("woff"),
       url("/fonts/MarkPro/MarkPro.otf") format("opentype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mark Pro Bold";
  src: url("/fonts/MarkProBold/MarkPro-Bold.woff2") format("woff2"),
       url("/fonts/MarkProBold/MarkPro-Bold.woff") format("woff"),
       url("/fonts/MarkProBold/MarkPro-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

/**

  required global type modifier styles:
  ---------------------

  billboard
  h1
  h2
  h3
  h4
  h5
  h6
  section-title
  feature-title
  body
  body-alt
  body-title
  body-small
  body-small-no-letter-spacing
  body-small-bold
  quote
  caption
  caption-small
  video-caption
  button

**/

/*
Global style(s) for wysiwyg editor
*/

body {
  font-family: "Mark Pro", sans-serif;
}

strong {
  font-family: "Mark Pro Bold", sans-serif;
}

.type--billboard {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    font-size: 3.125rem;
    line-height: 60px;
  }

@media only screen and (min-width: 768px) {

.type--billboard {
      font-size: 3.75rem;
      line-height: 70px
  }
}

@media only screen and (min-width: 1024px) {

.type--billboard {
      font-size: 5rem;
      line-height: 90px
  }
}

.type--h1 {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    font-size: 1.875rem;
    line-height: 40px;
  }

@media only screen and (min-width: 768px) {

.type--h1 {
      font-size: 2.5rem;
      line-height: 50px
  }
}

@media only screen and (min-width: 1024px) {

.type--h1 {
      font-size: 3.125rem;
      line-height: 60px
  }
}

.type--h2 {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    font-size: 1.875rem;
    line-height: 1.5;
  }

@media only screen and (min-width: 1024px) {

.type--h2 {
      font-size: 2.5rem;
      line-height: 1.5
  }
}

.type--h3 {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    font-size: 1.5625rem;
  }

@media only screen and (min-width: 768px) {

.type--h3 {
      font-size: 1.875rem;
      line-height: 40px
  }
}

@media only screen and (min-width: 1024px) {

.type--h3 {
      font-size: 2.5rem;
      line-height: 50px
  }
}

.type--h4 {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    font-size: 1.5625rem;
    line-height: 1.5;
  }

@media only screen and (min-width: 1024px) {

.type--h4 {
      font-size: 1.875rem
  }
}

.type--h5 {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    font-size: 1.5625rem;
    line-height: 30px;
  }

.type--h6 {
    font-family: "Mark Pro", sans-serif;
    font-size: 1rem;
  }

.type--section-title, .type--feature-title {
    font-family: "Mark Pro Bold", sans-serif;
    font-size: 0.8125rem;
    letter-spacing: 0.135625em;
    text-transform: uppercase;
    font-weight: bold;
  }

.type--body {
    font-family: "Mark Pro", sans-serif;
    font-size: 0.9375rem;
  }

.type--body em {
      font-family: "Mark Pro", sans-serif;
    }

.type--body-bold {
    font-family: "Mark Pro Bold", sans-serif;
    font-size: 0.9375rem;
  }

.type--body-bold em {
      font-family: "Mark Pro", sans-serif;
    }

.type--body-alt {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    font-size: 1rem;
  }

.type--body-title {
    font-family: "Mark Pro", sans-serif;
    font-size: 1.125rem;
  }

@media only screen and (min-width: 1024px) {

.type--body-title {
      font-size: 1.25rem
  }
}

.type--body-small {
    font-family: "Mark Pro", sans-serif;
    font-size: 0.8125rem;
    letter-spacing: 0.03125em;
  }

.type--body-xsmall {
    font-family: "Mark Pro", sans-serif;
    font-size: 0.625rem;
    letter-spacing: 0.0625em;
  }

.type--body-xsmall-uppercase {
    font-family: "Mark Pro", sans-serif;
    font-size: 0.625rem;
    letter-spacing: 0.0625em;
    text-transform: uppercase;
  }

.type--body-small-no-letter-spacing {
    font-family: "Mark Pro", sans-serif;
    font-size: 0.8125rem;
  }

.type--body-small-bold {
    font-family: "Mark Pro Bold", sans-serif;
    font-size: 0.8125rem;
    letter-spacing: 0.03125em;
  }

.type--quote {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    font-size: 1.125rem;
    line-height: 25px;
  }

@media only screen and (min-width: 1024px) {

.type--quote {
      font-size: 1.5625rem;
      line-height: 35px
  }
}

.type--review {
    font-family: "Mark Pro", sans-serif;
    font-size: 1.125rem;
    line-height: 25px;
  }

@media only screen and (min-width: 1024px) {

.type--review {
      font-size: 1.25rem;
      line-height: 30px
  }
}

.type--caption {
    font-family: "Mark Pro", sans-serif;
    font-size: 0.9375rem;
  }

.type--caption-small {
    font-family: "Mark Pro", sans-serif;
    font-size: 0.8125rem;
  }

@media only screen and (min-width: 1024px) {

.type--caption-small {
      font-size: 0.9375rem
  }
}

.type--video-caption {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    font-size: 1.25rem;
  }

@media only screen and (min-width: 1024px) {

.type--video-caption {
      font-size: 1.5625rem
  }
}

.type--button {
    font-family: "Mark Pro Bold", sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.03625em;
  }

.type--navigation {
    font-family: "Mark Pro Bold", sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.03125em;
  }

.type--sub-navigation {
    font-family: "Mark Pro", sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.03125em;
  }

.type--navigation-drawer {
    font-family: "Mark Pro Bold", sans-serif;
    font-size: 1.125em;
    letter-spacing: 0.046875em;
    line-height: 35px;
  }

.type--navigation-drawer-secondary {
    font-family: "Mark Pro", sans-serif;
    font-size: 0.875em;
    line-height: 35px;
  }

.type--pricing-table-cell {
    font-family: "Mark Pro", sans-serif;
    font-size: 1.25em;
    letter-spacing: 0.03125em;
  }

.type--booking-calendar-alt-label {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    font-size: 1.25em;
    line-height: 1;
  }

.type--booking-widget-label {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    font-size: 0.75em;
    line-height: 1;
  }

.type--booking-widget-month {
    font-family: "Mark Pro", sans-serif;
    text-transform: uppercase;
    font-size: 0.6875em;
    line-height: 1;
  }

.type--booking-widget-day {
    font-family: "FreightDisp Pro Book Italic-Black", serif;
    text-transform: uppercase;
    font-size: 1.875em;
    line-height: 1;
  }
.background-pattern {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
  opacity: 0.5;

}

  .background-pattern--header-drawer {
    margin-top: 60px;
  }

  .background-pattern__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    background-size: 100% auto;
    background-repeat: repeat-y;

    opacity: 0;
    will-change: opacity;
    transition-property: opacity;
    transition-duration: 800ms;
    transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  }

  .is-loaded .background-pattern__background {
      opacity: 1;
    }

  .background-pattern__gradient {
    position: absolute;
    height: 50px;
    left: 0;
    top: 0;
  }
#main-content {
  position: relative;
}

.booking-bar__frame {
    padding-left: 25px;
    padding-bottom: 50px;
    padding-right: 25px;
  }

    @media only screen and (min-width: 768px) {.booking-bar__frame {
      padding-left: 40px;
      padding-right: 40px
  }
}

    @media only screen and (min-width: 1400px) {.booking-bar__frame {
      padding-left: 80px;
      padding-right: 80px;
      padding-bottom: 80px
  }
}

    @media only screen and (min-width: 1600px) {.booking-bar__frame {
      padding-left: 100px;
      padding-right: 100px;
      padding-bottom: 100px
  }
}

  .booking-bar__container {
    border-radius: 10px;
    max-width: 900px;
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    position: relative;
  }

  @media only screen and (min-width: 768px) {

  .booking-bar__container {
      padding: 40px
  }
}

  @media only screen and (min-width: 1024px) {

  .booking-bar__container {
      padding: 20px 60px 40px 60px
  }
}

  [data-theme="carillon"] .booking-bar__container {
      background-color: #484f62;
      color: #ffffff;
    }

  [data-theme="waldhaus"] .booking-bar__container {
      background-color: #776d3c;
      color: #ffffff;
    }

  .booking-bar__direct-link {
    position: absolute;
    z-index: 25;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .booking-bar__header {
    border-bottom: 1px solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  [data-theme="carillon"] .booking-bar__header {
      border-color: rgba(255,255,255, 0.25);
    }

  [data-theme="waldhaus"] .booking-bar__header {
      background-color: gba(#ffffff, 0.25);
    }

  .booking-bar__body {
  }

  .booking-bar__form {
  }

  .booking-bar__form-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  @media only screen and (min-width: 768px) {

  .booking-bar__form-fields {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-end
  }
}

  .booking-bar__date-field {
    width: 100%;
  }

  @media only screen and (max-width: 767px) {

  .booking-bar__date-field {
      padding-bottom: 10px
  }
}

  @media only screen and (min-width: 768px) {

  .booking-bar__date-field {
      flex-grow: 1;
      max-width: 320px
  }
}

  .booking-bar__adult-field {
    width: 100%;
    width: calc(50% - 10px);
  }

  @media only screen and (max-width: 767px) {

  .booking-bar__adult-field {
      padding-bottom: 10px
  }
}

  @media only screen and (min-width: 768px) {

  .booking-bar__adult-field {
      width: 80px
  }
}

  .booking-bar__child-field {
    width: 100%;
    width: calc(50% - 10px);
  }

  @media only screen and (max-width: 767px) {

  .booking-bar__child-field {
      padding-bottom: 10px
  }
}

  @media only screen and (min-width: 768px) {

  .booking-bar__child-field {
      width: 80px
  }
}

  .booking-bar__field-label {
    text-align: center;
    padding-bottom: 10px;
  }

  @media only screen and (min-width: 768px) {

  .booking-bar__field-label {
      text-align: left
  }
}

  [data-theme="carillon"] .booking-bar__field-input {
      color: #676767;
    }

  [data-theme="waldhaus"] .booking-bar__field-input {
      color: #676767;
    }

  @media only screen and (max-width: 767px) {

  .booking-bar__action {
      padding-top: 10px;
      width: 100%
  }
}



/*
  styles are lifted from
  node_modules/flatpickr/dist/themes/airbnb.css
  rather than override styles I decided to commend out what we don't need below
  then override in booking_calendar_datepicker.css
*/
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  /*font-size: 14px;*/
  /*line-height: 24px;*/
  /*border-radius: 5px;*/
  position: absolute;
  /*width: 307.875px;*/
  box-sizing: border-box;
  touch-action: manipulation;
  /*
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0,0,0,0.08);
  */
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  /*
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  */
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  /*
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  */
}
.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #eee;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #eee;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #eee;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  /*
  color: #3c3f40;
  fill: #3c3f40;
  height: 34px;
  */
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  flex: 1 1;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  /*
  top: 0;
  height: 34px;
  padding: 10px;
  color: #3c3f40;
  fill: #3c3f40;
  */
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  /*
  color: #f64747;
  */
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  /*
  fill: #f64747;
  */
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  /*
  width: 14px;
  height: 14px;
  */
}
.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 3.25em;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(64,72,72,0.15);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(64,72,72,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(64,72,72,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(60,63,64,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  /*
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  */
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  /* font-weight: 700; */
  color: inherit;
  display: inline-block;
  /* margin-left: 0.5ch; */
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  /*
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
  */
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #3c3f40;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #3c3f40;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  /*
  border-radius: 0;
  */
  vertical-align: baseline;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(60,63,64,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: baseline;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
  flex-direction: row;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1 1;
  flex-direction: row;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1 1;
  font-weight: bolder;
}
.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  /*
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  */
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #eee;
}
.flatpickr-day {
  /*
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #404848;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  */
  position: relative;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e9e9e9;
  border-color: #e9e9e9;
}
.flatpickr-day.today {
  border-color: #f64747;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  /*
  border-color: #f64747;
  background: #f64747;
  color: #fff;
  */
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  /*
  background: #4f99ff;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #4f99ff;
  */
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  /*
  border-radius: 50px 0 0 50px;
  */
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  /*
  border-radius: 0 50px 50px 0;
  */
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  /*
  -webkit-box-shadow: -10px 0 0 #4f99ff;
          box-shadow: -10px 0 0 #4f99ff;
  */
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  /*
  border-radius: 50px;
  */
}
.flatpickr-day.inRange {
  /*
  border-radius: 0;
   -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
           box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
  */
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(64,72,72,0.3);
  background: transparent;
  border-color: #e9e9e9;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(64,72,72,0.1);
}
.flatpickr-day.week.selected {
  /*
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
          box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
  */
}
.flatpickr-day.hidden {
  visibility: hidden;
}
/*
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
*/
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #eee;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(64,72,72,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  flex: 1 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #404848;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #404848;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #404848;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  /*
  font-weight: bold;
  */
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  /*
  font-weight: 400;
  */
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #404848;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #f1f1f1;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.flatpickr-calendar {
  /*
  width: 307.875px;
  */
}
.dayContainer {
  padding: 0;
  border-right: 0;
}
span.flatpickr-day, span.flatpickr-day.prevMonthDay, span.flatpickr-day.nextMonthDay {
  /*
  border-radius: 0 !important;
  border: 1px solid #e9e9e9;
  border-right-color: transparent;
  */
  max-width: none;
}
span.flatpickr-day:nth-child(n+8), span.flatpickr-day.prevMonthDay:nth-child(n+8), span.flatpickr-day.nextMonthDay:nth-child(n+8) {
  /*
  border-top-color: transparent;
  */
}
span.flatpickr-day:nth-child(7n-6), span.flatpickr-day.prevMonthDay:nth-child(7n-6), span.flatpickr-day.nextMonthDay:nth-child(7n-6) {
  /*
  border-left: 0;
  */
}
span.flatpickr-day:nth-child(n+36), span.flatpickr-day.prevMonthDay:nth-child(n+36), span.flatpickr-day.nextMonthDay:nth-child(n+36) {
  /*
  border-bottom: 0;
  */
}
span.flatpickr-day:nth-child(-n+7), span.flatpickr-day.prevMonthDay:nth-child(-n+7), span.flatpickr-day.nextMonthDay:nth-child(-n+7) {
  /*
  margin-top: 0;
  */
}
span.flatpickr-day.today:not(.selected), span.flatpickr-day.prevMonthDay.today:not(.selected), span.flatpickr-day.nextMonthDay.today:not(.selected) {
  /*
  border-color: #e9e9e9;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #f64747;
  */
}
span.flatpickr-day.today:not(.selected):hover, span.flatpickr-day.prevMonthDay.today:not(.selected):hover, span.flatpickr-day.nextMonthDay.today:not(.selected):hover {
  /*
  border: 1px solid #f64747;
  */
}
span.flatpickr-day.startRange, span.flatpickr-day.prevMonthDay.startRange, span.flatpickr-day.nextMonthDay.startRange, span.flatpickr-day.endRange, span.flatpickr-day.prevMonthDay.endRange, span.flatpickr-day.nextMonthDay.endRange {
  /*
  border-color: #4f99ff;
  */
}
span.flatpickr-day.today, span.flatpickr-day.prevMonthDay.today, span.flatpickr-day.nextMonthDay.today, span.flatpickr-day.selected, span.flatpickr-day.prevMonthDay.selected, span.flatpickr-day.nextMonthDay.selected {
  z-index: 2;
}
.rangeMode .flatpickr-day {
  margin-top: -1px;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  box-shadow: none;
}
.flatpickr-weekwrapper span.flatpickr-day {
  border: 0;
  margin: -1px 0 0 -1px;
}
.hasWeeks .flatpickr-days {
  border-right: 0;
}
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
		span.flatpickr-day {
			display: block;
			flex: 1 0 auto;
		}
	}

.booking-calendar  {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  display: none;
}

  .booking-calendar ::-moz-selection {
    background-color: transparent;
  }

  .booking-calendar ::selection {
    background-color: transparent;
  }

  .booking-calendar.is-active {
    display: block;
  }

  [data-theme="carillon"] .booking-calendar {
    color: #676767;
  }

  [data-theme="waldhaus"] .booking-calendar {
    color: #676767;
  }

  .booking-calendar__frame {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100%;
    width: 100%;
    background-color: #ffffff;
    height: auto;
  }

  @media only screen and (min-width: 768px)  {

  .booking-calendar__frame {
      background-color: transparent;
      align-items: center;
      padding: 40px
  }
}

  .booking-calendar__container {
    background-color: #ffffff;
    width: 100%;
    border-radius: 10px;
    pointer-events: all;
  }

  @media only screen and (min-width: 1024px)  {

  .booking-calendar__container {
      box-shadow: 0 0 10px 0 rgba(26,26,26, 0.1);
      max-width: 800px
  }
}

  .booking-calendar__dates {
    background-color: #fafafa;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media only screen and (min-width: 768px)  {

  .booking-calendar__dates {
      display: none
  }
}

  .booking-calendar__date {
    padding: 20px;
    text-align: center;
    width: 50%;
  }

  .booking-calendar__date:not(:last-child) {
      border-right: 1px solid rgba(0,0,0, 0.1);
    }

  .booking-calendar__date:first-child {
      text-align: right;
    }

  .booking-calendar__date:last-child {
      text-align: left;
    }

  .booking-calendar__container {
    display: inline-block;
    text-align: center;
  }

  .booking-calendar__date-label {
    line-height: 1;
  }

  [data-theme="carillon"] .booking-calendar__date-label {
      color: #6498AE;
    }

  [data-theme="waldhaus"] .booking-calendar__date-label {
      color: #776d3c;
    }

  [data-theme="carillon"] .booking-calendar__date-values {
      color: #676767;
    }

  [data-theme="waldhaus"] .booking-calendar__date-values {
      color: #676767;
    }

  .booking-calendar__body {
    position: relative;
    overflow: hidden;
  }

  .booking-calendar__date-picker-aspect {
    padding-bottom: 400px;
    height: 0;
  }

  .booking-calendar__date-picker-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
  }

  .booking-calendar__footer {
    bottom: 0;
    left: 0;
    border-top: 1px solid rgba(0,0,0, 0.1);
    width: 100%;
    padding: 25px;

  }

  @media only screen and (min-width: 768px)  {

  .booking-calendar__footer {
      padding: 0;
      position: relative

  }
}

  .booking-calendar__form {
    max-width: 320px;
    margin: 0 auto;
  }

  @media only screen and (min-width: 768px)  {

  .booking-calendar__form {
      max-width: none
  }
}

  @media only screen and (min-width: 768px)  {

  .booking-calendar__form-sections {
      display: flex
  }
}

  @media only screen and (min-width: 768px)  {

  .booking-calendar__form-section {
      padding: 20px;
      width: 50%
  }

      .booking-calendar__form-section:not(:last-child) {
        border-right: 1px solid rgba(0,0,0, 0.1);
      }
}

  @media only screen and (min-width: 1024px)  {

  .booking-calendar__form-section {
      padding: 30px
  }
}

  .booking-calendar__form-section-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  @media only screen and (min-width: 768px)  {

  .booking-calendar__form-section-fields {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-end
  }
}

  .booking-calendar__form-fields {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .booking-calendar__instructions-field {
    display: none;
  }

  @media only screen and (min-width: 768px)  {

  .booking-calendar__instructions-field {
      display: block;
      width: auto
  }
}

  .booking-calendar__adult-field {
    width: 100%;
    width: calc(50% - 10px);
  }

  @media only screen and (max-width: 767px)  {

  .booking-calendar__adult-field {
      padding-bottom: 10px
  }
}

  @media only screen and (min-width: 768px)  {

  .booking-calendar__adult-field {
      width: 100px
  }
}

  .booking-calendar__child-field {
    width: 100%;
    width: calc(50% - 10px);
  }

  @media only screen and (max-width: 767px)  {

  .booking-calendar__child-field {
      padding-bottom: 10px
  }
}

  @media only screen and (min-width: 768px)  {

  .booking-calendar__child-field {
      width: 100px
  }
}

  .booking-calendar__promo-field {
    width: 100%;
  }

  @media only screen and (max-width: 767px)  {

  .booking-calendar__promo-field {
      padding-bottom: 10px
  }
}

  @media only screen and (min-width: 768px)  {

  .booking-calendar__promo-field {
      width: calc(50% - 10px);
      width: 100px
  }
}

  .booking-calendar__field-label {
    text-align: center;
    padding-bottom: 10px;
  }

  @media only screen and (min-width: 768px)  {

  .booking-calendar__field-label {
      text-align: left
  }
}

  [data-theme="carillon"] .booking-calendar__field-input {
      color: #676767;
    }

  [data-theme="waldhaus"] .booking-calendar__field-input {
      color: #676767;
    }

  @media only screen and (max-width: 767px)  {

  .booking-calendar__action {
      padding-top: 10px;
      width: 100%
  }
}

[data-theme="carillon"] .booking-calendar__header {
    color: #484f62;
  }

    [data-theme="waldhaus"] .booking-calendar__header {
    color: #776d3c;
  }

    @media only screen and (min-width: 768px) {.booking-calendar__header {
      display: none
  }
}

    .booking-calendar__header__container {
      padding-left: 25px;
      padding-right: 25px;
      display: flex;
      align-items: center;
      background-color: #ffffff;
      box-shadow: 0 0 10px 0 rgba(26,26,26, 0.1);
      height: 60px;
      position: relative;
      z-index: 20;
    }

    @media only screen and (min-width: 768px) {

    .booking-calendar__header__container {
        padding-left: 40px;
        padding-right: 40px;
        height: 80px
    }
}

    @media only screen and (min-width: 1024px) {

    .booking-calendar__header__container {
        height: 100px
    }
}

    .booking-calendar__header__left {
      width: 50%;
      display: flex;
      justify-content: flex-start;
    }

    @media only screen and (min-width: 1600px) {

    .booking-calendar__header__left {
        display: none
    }
}

    .booking-calendar__header__center {
      flex-grow: 1;
    }

    .booking-calendar__header__center__items {
      display: block;
      margin: 0 auto;
    }

    @media only screen and (min-width: 1600px) {

    .booking-calendar__header__center__items {
        display: flex;
        align-items: center
    }
}

    .booking-calendar__header__center__item {
      display: block;
    }

    @media only screen and (min-width: 1600px) {

    .booking-calendar__header__center__item--logo {
          width: 320px
      }
}

    .booking-calendar__header__right {
      width: 50%;
      display: flex;
      justify-content: flex-end;
    }

    @media only screen and (min-width: 1600px) {

    .booking-calendar__header__right {
        display: none
    }
}

    .booking-calendar__header__right__items {
      display: inline-flex;
      margin-left: -20px;
      margin-right: -20px;
    }

    @media only screen and (min-width: 1600px) {

    .booking-calendar__header__right__items {
        margin-left: -12.5px;
        margin-right: -12.5px
    }
}

    .booking-calendar__header__right__item {
      display: inline-block;
      vertical-align: middle;
      padding-left: 12.5px;
      padding-right: 12.5px;
    }

    .booking-calendar__header__right__item--close {
        display: inline-block;
      }

    @media only screen and (min-width: 768px) {

    .booking-calendar__header__right__item--close {
          display: none
      }
}

    .booking-calendar__header__close {
      width: 40px;
      height: 40px;
      color: #ffffff;
    }

    [data-theme="carillon"] .booking-calendar__header__close {
        color: #484f62;
      }

    [data-theme="waldhaus"] .booking-calendar__header__close {
        color: #776d3c;
      }

    .booking-calendar__header__close__link {
        display: flex;
        line-height: 0;
        justify-content: center;
        align-items: center;
        height: 100%;
        cursor: pointer;
      }

    .booking-calendar__header__close__icon {
        display: block;
        width: 25px;
      }

    .booking-calendar__header__brand {
      width: 100%;
    }

    .booking-calendar__header__logo {
      line-height: 1;
      display: block;
      width: 160px;
      color: currentColor;
      margin: 0 auto;
    }

    @media only screen and (min-width: 1024px) {

    .booking-calendar__header__logo {
        width: 200px
    }
}

    @media only screen and (min-width: 1600px) {

    .booking-calendar__header__logo {
        width: 200px;
        margin-left: 0
    }
}

    .booking-calendar__header__logo--waldhaus {
        width: 100px;
      }

    @media only screen and (min-width: 768px) {

    .booking-calendar__header__logo--waldhaus {
          width: 120px;
          opacity: 1
      }
}

    @media only screen and (min-width: 1024px) {

    .booking-calendar__header__logo--waldhaus {
          width: 140px;
          opacity: 1
      }
}

    @media only screen and (min-width: 1600px) {

    .booking-calendar__header__logo--waldhaus {
          width: 160px
      }
}

.booking-calendar .flatpickr  {
  position: relative;
}

  .booking-calendar .flatpickr-calendar {
    width: 100% !important;
    box-shadow: none;
    max-width: 320px;
    overflow: hidden;
    display: inline-block;
    top: 0;
    position: relative;
  }

  .booking-calendar .flatpickr-calendar:before, .booking-calendar .flatpickr-calendar:after {
      display: none;
    }

  @media only screen and (min-width: 1024px)  {

  .booking-calendar .flatpickr-calendar {
      max-width: 400px
  }
}

  @media only screen and (min-width: 1024px)  {

  .booking-calendar .flatpickr-calendar.multiMonth {
        max-width: 800px;
        height: 100%
    }
}

  @media only screen and (min-width: 1024px)  {
        .booking-calendar .flatpickr-calendar.multiMonth:after {
          content: "";
          display: block;
          width: 1px;
          height: 100%;
          background-color: rgba(0,0,0, 0.1);
          position: absolute;
          left: calc(50% - 1px);
          margin: 0;
          border: none !important;
          top: 0;
        }
}

  .booking-calendar .flatpickr-calendar .dayContainer {
      padding-top: 2px;
      width: 100%;
    }

  @media only screen and (min-width: 1024px)  {

  .booking-calendar .flatpickr-calendar .dayContainer {
        padding-left: 20px;
        padding-right: 20px
    }
}

  @media only screen and (min-width: 1024px)  {

  .booking-calendar .flatpickr-weekdaycontainer {
        padding-left: 20px;
        padding-right: 20px
  }
}

  .booking-calendar .flatpickr-months {
    white-space: nowrap;
    width: 100%;
    display: block;
  }

  @media only screen and (min-width: 1024px)  {

  .booking-calendar .flatpickr-months {
      display: flex
  }
}

  .booking-calendar .flatpickr-month {
    padding: 20px;
    height: auto;
    display: inline-block;
    width: 100%;
  }

  @media only screen and (min-width: 1024px)  {

  .booking-calendar .flatpickr-month {
      width: auto
  }
}

  .booking-calendar .flatpickr-next-month, .booking-calendar .flatpickr-prev-month {
    line-height: 0;
    top: 0;
    width: 60px;
    height: 60px;
    padding: 20px;
  }

  [data-theme="carillon"] .booking-calendar .flatpickr-next-month:hover, [data-theme="carillon"] .booking-calendar .flatpickr-prev-month:hover {
        color: #484f62;
      }

  [data-theme="carillon"] .booking-calendar .flatpickr-next-month:hover svg, [data-theme="carillon"] .booking-calendar .flatpickr-prev-month:hover svg {
          fill: #484f62;
        }

  [data-theme="waldhaus"] .booking-calendar .flatpickr-next-month:hover, [data-theme="waldhaus"] .booking-calendar .flatpickr-prev-month:hover {
        color: #776d3c;
      }

  [data-theme="waldhaus"] .booking-calendar .flatpickr-next-month:hover svg, [data-theme="waldhaus"] .booking-calendar .flatpickr-prev-month:hover svg {
          fill: #776d3c;
        }

  .booking-calendar .flatpickr-next-month svg, .booking-calendar .flatpickr-prev-month svg {
      width: 20px;
      height: 20px;
    }

  .booking-calendar .flatpickr-current-month {
    padding: 0;
    position: relative;
    height: auto;
    width: 100%;
    left: 0;
  }

  .booking-calendar .flatpickr-current-month .cur-month {
      margin-left: 0;
      padding-right: 10px;
      font-weight: normal;
    }

  .booking-calendar .flatpickr-current-month .cur-month:hover {
        background-color: transparent;
      }

  .booking-calendar .flatpickr-current-month .cur-year {
      padding: 0;
    }

  .booking-calendar .flatpickr-current-month .numInputWrapper {
      width: auto;
      pointer-events: none;
    }

  .booking-calendar .flatpickr-current-month .numInputWrapper:hover {
        background: transparent;
      }

  .booking-calendar .flatpickr-current-month .numInputWrapper span {
        display: none !important;
      }

  .booking-calendar .flatpickr-weekdays {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .booking-calendar .flatpickr-weekday {
    font-size: 0.625rem;
    letter-spacing: 0.0625em;
    font-weight: normal;
  }

  .booking-calendar .flatpickr-days {
    width: auto !important;
    padding-bottom: 0;
  }

  .booking-calendar .flatpickr-day {
    border: none !important;
    border-color: transparent;
    height: 45px;
    line-height: 45px;
    width: 45px;
    flex-basis: 45px;
    border-radius: 100% !important;
    margin-bottom: 3px;
    font-weight: normal;
    font-size: 0.875rem;
  }

  @media only screen and (min-width: 1024px)  {

  .booking-calendar .flatpickr-day {
      margin: 1px
  }
}

  .booking-calendar .flatpickr-day:hover {
      border-color: #f6f6f6;
      background: #f6f6f6;
      background-color: #f6f6f6;
    }

  .booking-calendar .flatpickr-day.selected.startRange, .booking-calendar .flatpickr-day.selected.endRange, .booking-calendar .flatpickr-day.endRange.endRange {
      border-radius: 100% !important;
    }

  .booking-calendar .flatpickr-day .prevMonthDay, .booking-calendar .flatpickr-day .nextMonthDay {
      border: none !important;
      border-color: transparent;
    }

  .booking-calendar .flatpickr-day.inRange {
      box-shadow: none !important;
      background: #f6f6f6;
      background-color: #f6f6f6;
      border-radius: 100% !important;
    }

  .booking-calendar .flatpickr-calendar.multiMonth .flatpickr-weekdaycontainer {
        width: 320px;
      }

  @media only screen and (min-width: 1024px)  {

  .booking-calendar .flatpickr-calendar.multiMonth .flatpickr-weekdaycontainer {
          width: auto
      }
}

  .booking-calendar .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer {
          width: 320px;
        }

  @media only screen and (min-width: 1024px)  {

  .booking-calendar .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer {
            width: 100%
        }
}

  .booking-calendar .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer + .dayContainer {
            box-shadow: none;
          }
[data-theme="carillon"] .flatpickr-day.selected, [data-theme="carillon"] .flatpickr-day.startRange, [data-theme="carillon"] .flatpickr-day.endRange {
        border-color: #484f62;
        background: #484f62;
        background-color: #484f62;
        color: #ffffff;
      }
[data-theme="waldhaus"] .flatpickr-day.selected, [data-theme="waldhaus"] .flatpickr-day.startRange, [data-theme="waldhaus"] .flatpickr-day.endRange {
        border-color: #776d3c;
        background: #776d3c;
        background-color: #776d3c;
        color: #ffffff;
      }

.booking-widget__frame {
    width: 200px;
  }

  .booking-widget__container {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
  }

  [data-theme="carillon"] .booking-widget__container {
      background-color: #484f62;
      color: #ffffff;
    }

  [data-theme="waldhaus"] .booking-widget__container {
      background-color: #776d3c;
      color: #ffffff;
    }

  .booking-widget__header {}

  .booking-widget__footer {}

  .booking-widget__dates {
    padding: 10px 0;
    display: flex;
    cursor: pointer;
  }

  .booking-widget__date {
    width: 50%;
    position: relative;
    padding: 0 10px;
  }

  .booking-widget__date:not(:last-child) {
      border-right: 1px solid rgba(255,255,255, 0.25);
    }

  .booking-widget__date-label {
    text-align: left;
  }

  .booking-widget__date-values {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 10px;
  }

  .booking-widget__date-day {
    padding-right: 20px;
  }

  .booking-widget__date-caret {
    position: absolute;
    top: 50%;
    right: 10px;
    height: 10px;
    width: 10px;
    color: currentColor;
    margin-top: 5px;
    pointer-events: none;
    opacity: 0.5;
    line-height: 0;
    opacity: 0.5;
  }

.button  {
  display: inline-block;
  vertical-align: middle;
  border: none;
  cursor: pointer;
}

  .button__title {
    display: block;
    text-align: center;
  }

  .button--reset {
    border: none;
    background-color: transparent;
  }

  .button--newsletter-signup-form {
    padding: 10px;
    cursor: pointer;
  }

  .button--default {
    line-height: 40px;
    border-radius: 8px;
    padding: 0 40px;
    display: inline-block;
    vertical-align: middle;
    min-width: 200px;
    border: none;
    cursor: pointer;
  }

  [data-theme="carillon"] .button--default, .button--default[data-theme="carillon"] {
      color: #ffffff;
      background-color: #484f62;
    }

  [data-theme="waldhaus"] .button--default, .button--default[data-theme="waldhaus"] {
      color: #ffffff;
      background-color: #776d3c;
    }

  .button--header {
    line-height: 40px;
    border-radius: 8px;
    display: inline-block;
    vertical-align: middle;
    min-width: 100%;
    border: none;
    cursor: pointer;
  }

  [data-theme="carillon"] .button--header, .button--header[data-theme="carillon"] {
      color: #ffffff;
      background-color: #484f62;
    }

  [data-theme="waldhaus"] .button--header, .button--header[data-theme="waldhaus"] {
      color: #ffffff;
      background-color: #776d3c;
    }

  .button--feature {
    line-height: 38px;
    border-radius: 8px;
    padding: 0 40px;
    display: inline-block;
    vertical-align: middle;
    min-width: 200px;
    border: none;
    cursor: pointer;
    width: 100%;
    border: 2px solid;
  }

  @media only screen and (min-width: 768px)  {

  .button--feature {
      min-width: 200px;
      width: auto
  }
}

  [data-theme="carillon"] .button--feature, .button--feature[data-theme="carillon"] {
      color: #ffffff;
      background-color: #484f62;
      border-color: #484f62;
    }

  [data-theme="waldhaus"] .button--feature, .button--feature[data-theme="waldhaus"] {
      color: #ffffff;
      background-color: #776d3c;
      border-color: #776d3c;
    }

  [data-theme="carillon"] .button--feature-alt, .button--feature-alt[data-theme="carillon"] {
        color: #484f62;
        background-color: transparent;
        border-color: #484f62;
      }

  [data-theme="waldhaus"] .button--feature-alt, .button--feature-alt[data-theme="waldhaus"] {
        color: #776d3c;
        background-color: transparent;
        border-color: #776d3c;
      }

  [data-theme="carillon"] .button--feature-alt-white, .button--feature-alt-white[data-theme="carillon"] {
          color: #ffffff;
          border-color: #ffffff;
        }

  [data-theme="carillon"] .button--feature-inverted, .button--feature-inverted[data-theme="carillon"] {
        color: #484f62;
        background-color: #b2c6d3;
        border-color: #b2c6d3;
      }

  [data-theme="waldhaus"] .button--feature-inverted, .button--feature-inverted[data-theme="waldhaus"] {
        color: #ffffff;
        background-color: #454545;
        border-color: #454545;
      }

  .button--feature-white {
      border-radius: 0;
    }

  [data-theme="carillon"] .button--feature-white, .button--feature-white[data-theme="carillon"] {
        color: #484f62;
        background-color: #ffffff;
        border-color: #ffffff;
      }

  [data-theme="waldhaus"] .button--feature-white, .button--feature-white[data-theme="waldhaus"] {
        color: #776d3c;
        background-color: #ffffff;
        border-color: #ffffff;
      }

  .button--feature-widget {
      border-radius: 0;
      line-height: 1.2;
      padding: 6.25px 0;
    }

  [data-theme="carillon"] .button--feature-widget, .button--feature-widget[data-theme="carillon"] {
        color: #676767;
        background-color: #ffffff;
        border-color: #ffffff;
      }

  [data-theme="waldhaus"] .button--feature-widget, .button--feature-widget[data-theme="waldhaus"] {
        color: #676767;
        background-color: #ffffff;
        border-color: #ffffff;
      }

  .button--cookie-banner {
    line-height: 30px;
    border-radius: 8px;
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    border: 2px solid;
  }

  [data-theme="carillon"] .button--cookie-banner, .button--cookie-banner[data-theme="carillon"] {
      color: #484f62;
      background-color: #ffffff;
      border-color: #ffffff;
    }

  [data-theme="waldhaus"] .button--cookie-banner, .button--cookie-banner[data-theme="waldhaus"] {
      color: #776d3c;
      background-color: #ffffff;
      border-color: #ffffff;
    }

  .button--group {
    position: relative;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    flex-grow: 1;
    flex-basis: 0;
  }

  [data-theme="carillon"] .button--group, .button--group[data-theme="carillon"] {
      color: #ffffff;
      background-color: #484f62;
    }

  [data-theme="carillon"] .button--group:not(:last-child):after, .button--group[data-theme="carillon"]:not(:last-child):after {
          content: "";
          position: absolute;
          right: -1px;
          width: 1px;
          height: 100%;
          background-color: #f6f6f6;
          opacity: 0.2;
          top: 0;
          z-index: 1;
        }

  [data-theme="waldhaus"] .button--group, .button--group[data-theme="waldhaus"] {
      color: #ffffff;
      background-color: #776d3c;
    }

  [data-theme="waldhaus"] .button--group:not(:last-child), .button--group[data-theme="waldhaus"]:not(:last-child) {
        border-right: 1px solid #e1e1e1;
      }

  .button--panel-hero {
    line-height: 40px;
    border-radius: 8px;
    padding: 0 40px;
    display: inline-block;
    vertical-align: middle;
    min-width: 200px;
    border: none;
    cursor: pointer;
  }

  @media only screen and (min-width: 768px)  {

  .button--panel-hero {
      min-width: 200px;
      padding: 0 20px;
      width: auto
  }
}

  @media only screen and (min-width: 1600px)  {

  .button--panel-hero {
      padding: 0 40px
  }
}

  [data-theme="carillon"] .button--panel-hero {
      color: #676767;
      background-color: #ffffff;
    }

  [data-theme="waldhaus"] .button--panel-hero {
      color: #676767;
      background-color: #ffffff;
    }

  .button--menu-card {
    line-height: 30px;
    border-radius: 8px;
    padding: 0 30px;
    display: inline-block;
    vertical-align: middle;
    min-width: 120px;
    border: none;
    cursor: pointer;
  }

  @media only screen and (min-width: 768px)  {

  .button--menu-card {
      width: auto
  }
}

  [data-theme="carillon"] .button--menu-card {
      color: #ffffff;
      background-color: #484f62;
    }

  [data-theme="waldhaus"] .button--menu-card {
      color: #ffffff;
      background-color: #776d3c;
    }

  .button--card {
    line-height: 30px;
    border-radius: 8px;
    padding: 0 30px;
    display: inline-block;
    vertical-align: middle;
    min-width: 120px;
    border: none;
    cursor: pointer;
    border: 2px solid;
  }

  @media only screen and (min-width: 768px)  {

  .button--card {
      width: auto
  }
}

  [data-theme="carillon"] .button--card {
      color: #ffffff;
      background-color: #484f62;
      border-color: #484f62;
    }

  [data-theme="waldhaus"] .button--card {
      color: #ffffff;
      background-color: #776d3c;
      border-color: #776d3c;
    }

  .button--card-alt {
    line-height: 30px;
    border-radius: 8px;
    padding: 0 30px;
    display: inline-block;
    vertical-align: middle;
    min-width: 120px;
    border: none;
    cursor: pointer;
    border: 2px solid;
  }

  @media only screen and (min-width: 768px)  {

  .button--card-alt {
      width: auto
  }
}

  [data-theme="carillon"] .button--card-alt {
      color: #484f62;
      background-color: #ffffff;
      border-color: #484f62;
    }

  [data-theme="waldhaus"] .button--card-alt {
      color: #776d3c;
      background-color: #ffffff;
      border-color: #776d3c;
    }

  .button--sub-navigation {
    background-color: transparent;
    border: none;
  }

.button-group  {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(26,26,26, 0.1);
}

  .button-group__container {
    display: flex;
  }

.callout-card__frame {
  }

  @media only screen and (min-width: 1024px) {

  .callout-card__container {
      display: flex
  }
}

  .callout-card__media, .callout-card__content {
    width: 100%;
  }

  @media only screen and (min-width: 1024px) {

  .callout-card__media, .callout-card__content {
       width: 50%
  }
}

  .callout-card__media {
    position: relative;
  }

  .callout-card__media-aspect {
    padding-bottom: 66.66666666666666%;
  }

  @media only screen and (min-width: 1024px) {

  .callout-card__media-aspect {
      padding-bottom: 100%
  }
}

  .callout-card__media-link {
    display: block;
  }

  .callout-card__content {
    background-color: #ffffff;
    text-align: left;
    position: relative;
  }

  @media only screen and (min-width: 1024px) {

  .callout-card__content {
      display: flex;
      align-items: center
  }
}

  .callout-card__content-frame {
    padding: 24px;
    width: 100%;
  }

  @media only screen and (min-width: 768px) {

  .callout-card__content-frame {
      padding: 40px
  }
}

  @media only screen and (min-width: 1024px) {

  .callout-card__content-frame {
      padding: 60px
  }
}

  .callout-card__title {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .callout-card__title {
      color: #484f62;
    }

  [data-theme="waldhaus"] .callout-card__title {
      color: #776d3c;
    }

  .callout-card__subtitle {
    padding-bottom: 20px;
    max-width: 420px;
  }

  [data-theme="carillon"] .callout-card__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .callout-card__subtitle {
      color: #676767;
    }

  .callout-card__body {
    padding-bottom: 30px;
    max-height: 5.75em;
    overflow: hidden;
  }

  @media only screen and (min-width: 768px) {

  .callout-card__body {
      max-height: none
  }
}

  @media only screen and (min-width: 1024px) {

  .callout-card__body {
      padding-right: 0
  }
}

  [data-theme="carillon"] .callout-card__body {
      color: #676767;
    }

  [data-theme="waldhaus"] .callout-card__body {
      color: #676767;
    }

  .callout-card__ctas {
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 20px;
  }

  .callout-card__cta {
    display: inline-block;
    padding: 0 5px 10px 5px;
  }

  @media only screen and (max-width: 479px) {

  .callout-card__cta {
      width: 100%
  }
}

  .callout-card__close {
    cursor: pointer;
    position: absolute;
    padding: 12.5px;
    line-height: 0;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
  }

  [data-theme="carillon"] .callout-card__close {
      color: #676767;
    }

  [data-theme="waldhaus"] .callout-card__close {
      color: #676767;
    }

  .callout-card__close-icon {
    display: inline-block;
    width: 25px;
  }

.callout-popup  {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  display: none;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0, 0.4);
}

  .callout-popup.is-active {
    display: block;
  }

  [data-theme="carillon"] .callout-popup {
    color: #676767;
  }

  [data-theme="waldhaus"] .callout-popup {
    color: #676767;
  }

  .callout-popup__frame {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    width: 100%;
    height: auto;
    padding: 50px 0;
    flex-direction: column;
  }

  @media only screen and (min-width: 480px)  {

  .callout-popup__frame {
      padding: 50px 25px
  }
}

  @media only screen and (min-width: 768px)  {

  .callout-popup__frame {
      background-color: transparent;
      padding: 40px
  }
}

  .callout-popup__container {
    width: 100%;
    border-radius: 10px;
    pointer-events: all;
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: 0 0 10px 0 rgba(26,26,26, 0.1);
  }

  @media only screen and (min-width: 1024px)  {
      .callout-popup__card .callout-card__content-frame {
        max-height: 500px;
        overflow: hidden;
        overflow-y: scroll;
      }
}

  @media only screen and (max-width: 1023px)  {
      .callout-popup__card .callout-card__content {
        min-height: 50vh;
        display: flex;
        align-items: center;
      }
      .callout-popup__card .callout-card__media {
        display: none;
      }
}

.call-to-action-block__frame {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 50px;
  }

    @media only screen and (min-width: 1024px) {.call-to-action-block__frame {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 40px
  }
}

    @media only screen and (min-width: 1400px) {.call-to-action-block__frame {
      padding-left: 80px;
      padding-right: 80px;
      padding-bottom: 80px
  }
}

    @media only screen and (min-width: 1800px) {.call-to-action-block__frame {
      padding-left: 100px;
      padding-right: 100px;
      padding-bottom: 100px
  }
}

  .call-to-action-block__container {
    margin: 0 auto;
  }

  @media only screen and (min-width: 1024px) {

  .call-to-action-block__container {
      text-align: center
  }
}

  @media only screen and (min-width: 1800px) {

  .call-to-action-block__container {
      max-width: 1600px
  }
}

  .call-to-action-block__ctas {
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 20px;
  }

  .call-to-action-block__cta {
    display: inline-block;
    padding: 0 5px 10px 5px;
  }

  @media only screen and (max-width: 479px) {

  .call-to-action-block__cta {
      width: 100%
  }
}

.cookie-banner  {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 95;
  color: #ffffff;
  display: none;
}

  .cookie-banner.is-active {
    display: block;
  }

  .cookie-banner__frame {
    padding: 20px 25px;
  }

  @media only screen and (min-width: 768px)  {

  .cookie-banner__frame {
      padding: 20px 40px
  }
}

  [data-theme="carillon"] .cookie-banner__frame {
      background-color: #484f62;
    }

  [data-theme="waldhaus"] .cookie-banner__frame {
      background-color: #776d3c;
    }

  .cookie-banner__container {
  }

  .cookie-banner__title {
    padding-bottom: 10px;
  }

  @media only screen and (min-width: 768px)  {

  .cookie-banner__title {
      padding-bottom: 0;
      display: inline-block;
      padding-right: 10px;
      vertical-align: middle;
      max-width: 50%
  }
}

  .cookie-banner__title a {
      text-decoration: underline;
    }

  @media only screen and (min-width: 768px)  {

  .cookie-banner__action {
      display: inline-block;
      vertical-align: middle
  }
}

.contact-bar  {
  display: none;
}
  @media only screen and (min-width: 1024px)  {.contact-bar  {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 40px;
    display: block;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(26,26,26, 0.1);
    background-color: #ffffff;
    z-index: 90
}
}
  .contact-bar__container {
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .contact-bar__left{
    width: 100%;
  }
  .contact-bar__left {
    text-align: left;
  }
  .contact-bar__left__items {
      display: flex;
      vertical-align: middle;
      margin-left: -12.5px;
      margin-right: -12.5px;
      align-items: center;
    }
  .contact-bar__left__item {
      display: inline-block;
      padding-left: 12.5px;
      padding-right: 12.5px;
    }
  .contact-bar__address, .contact-bar__phone-number {
    line-height: 40px;
  }
  [data-theme="carillon"] .contact-bar__address, [data-theme="carillon"] .contact-bar__phone-number {
      color: #676767;
    }
  [data-theme="waldhaus"] .contact-bar__address, [data-theme="waldhaus"] .contact-bar__phone-number {
      color: #676767;
    }
  .contact-bar__address__link, .contact-bar__phone-number__link {
    display:block;
  }
  .contact-bar__phone-number__icon {
    width: 20px;
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
  }
  [data-theme="carillon"] .contact-bar__phone-number__icon {
      color: #b2c6d3;
    }
  [data-theme="waldhaus"] .contact-bar__phone-number__icon {
      color: #a79b62;
    }
  .contact-bar__language-switcher {
    line-height: 40px;
  }

.inline-call-to-action  {
  display: inline-block;
  vertical-align: middle;
  border: none;
  cursor: pointer;
}

  [data-theme="carillon"] .inline-call-to-action {
    color: #676767;
  }

  [data-theme="waldhaus"] .inline-call-to-action {
    color: #676767;
  }

  .inline-call-to-action__icon {
    width: 20px;
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
    color: currentColor;
  }

  [data-theme="carillon"] .inline-call-to-action__icon {
      color: #b2c6d3;
    }

  [data-theme="waldhaus"] .inline-call-to-action__icon {
      color: #776d3c;
    }

  .inline-call-to-action__title {
    display: inline-block;
    color: currentColor;
  }

  [data-theme="carillon"] .inline-call-to-action--hero {
      color: #ffffff;
    }

  [data-theme="waldhaus"] .inline-call-to-action--hero {
      color: #ffffff;
    }

  .inline-call-to-action--hero .inline-call-to-action__icon {
      color: #ffffff;
    }

  .inline-call-to-action--header-top-phone, .inline-call-to-action--header-scroll-phone, .inline-call-to-action--header-drawer-phone {
    display: flex;
    line-height: 0;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: currentColor;
  }

  .inline-call-to-action--header-top-phone .inline-call-to-action__title, .inline-call-to-action--header-scroll-phone .inline-call-to-action__title, .inline-call-to-action--header-drawer-phone .inline-call-to-action__title {
      display: none;
    }

  .inline-call-to-action--header-top-phone .inline-call-to-action__icon, .inline-call-to-action--header-scroll-phone .inline-call-to-action__icon, .inline-call-to-action--header-drawer-phone .inline-call-to-action__icon {
      display: block;
      width: 25px;
      color: currentColor;
    }

  [data-theme="carillon"] .inline-call-to-action--header-top-phone {
      color: #ffffff;
    }

  [data-theme="waldhaus"] .inline-call-to-action--header-top-phone {
      color: #ffffff;
    }

.mobile-call-to-actions  {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 85;
  line-height: 1;
}
  @media only screen and (min-width: 1024px)  {.mobile-call-to-actions  {
    display:none
}
}
  .mobile-call-to-actions__container {
    padding: 20px 25px;
    text-align:center;
  }
  .mobile-call-to-actions__ctas {
    display: inline-block;
    width: 100%;
    max-width: 320px;
  }

.footer  {
  position: relative;
}

  .footer[data-theme="carillon"] {
    background-color: #484f62;
  }

  .footer[data-theme="waldhaus"] {
    background-color: #776d3c;
  }

  .footer__frame {
    padding: 40px 25px;
    padding-bottom: 80px;
  }

  @media only screen and (min-width: 768px)  {

  .footer__frame {
      padding: 40px 40px 60px 40px;
      padding-bottom: 80px
  }
}

  @media only screen and (min-width: 1024px)  {

  .footer__frame {
      padding: 80px 40px 80px 40px;
      padding-bottom: 120px
  }
}

  @media only screen and (min-width: 1400px)  {

  .footer__frame {
      padding: 80px;
      padding-bottom: 120px
  }
}

  @media only screen and (min-width: 1600px)  {

  .footer__frame {
      padding: 100px;
      padding-bottom: 140px
  }
}

  .footer__container {
    position: relative;
  }

  .footer__body {
    position: relative;
  }

  @media only screen and (min-width: 1400px)  {

  .footer__body {
      display: flex
  }
}

  @media only screen and (min-width: 1400px)  {

  .footer__left, .footer__right {
      align-self: flex-end
  }
}

  @media only screen and (min-width: 1600px)  {

  .footer__left, .footer__right {
      width: 50%
  }
}

  .footer__left {
    padding-bottom: 40px;
  }

  @media only screen and (min-width: 1400px)  {

  .footer__left {
      padding-bottom: 0;
      flex: 1 1
  }
}

  .footer__right {}

  .footer__brand {
    color: #ffffff;
    max-width: 40px;
    padding-bottom: 10px;
  }

  @media only screen and (min-width: 1024px)  {

  .footer__newsletter {
      max-width: 480px
  }
}

  .footer__newsletter__title {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .footer__newsletter__title {
      color: #ffffff;
    }

  [data-theme="waldhaus"] .footer__newsletter__title {
      color: #ffffff;
    }

  .footer__social {
    color: #ffffff;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  @media only screen and (min-width: 768px)  {

  .footer__social {
      padding-bottom: 20px
  }
}

  @media only screen and (min-width: 1400px)  {

  .footer__social {
      padding-bottom: 30px;
      position: relative;
      text-align: right;
      flex-direction: row;
      justify-content: flex-end
  }
}

  .footer__social-marriott {
    width: 50%;
  }

  @media only screen and (min-width: 768px)  {

  .footer__social-marriott {
      width: auto
  }
}

  @media only screen and (min-width: 1400px)  {

  .footer__social-marriott {
      width: auto;
      padding: 0 20px
  }
}

  .footer__marriott-logo {
    display: block;
    width: 120px;
  }

  .footer__social-icons {
    width: 50%;
  }

  @media only screen and (min-width: 768px)  {

  .footer__social-icons {
      width: auto;
      padding-right: 60px
  }
}

  @media only screen and (min-width: 1400px)  {

  .footer__social-icons {
      padding-right: 0;
      width: auto
  }
}

  @media only screen and (min-width: 1400px)  {

  .footer__navigation {
      text-align: right
  }
}

  .footer__navigation__list {
    -moz-column-count: 2;
         column-count: 2;
    list-style-type: none;
  }

  @media only screen and (min-width: 768px)  {

  .footer__navigation__list {
      -moz-column-count: 1;
           column-count: 1;
      margin-left: -5px;
      margin-right: -5px
  }
}

  @media only screen and (min-width: 1400px)  {

  .footer__navigation__list {
      margin-left: -5px;
      margin-right: -5px
  }
}

  .footer__navigation__item {
    line-height: 2;
  }

  @media only screen and (min-width: 768px)  {

  .footer__navigation__item {
      display: inline-block;
      padding-right: 10px
  }
}

  [data-theme="carillon"] .footer__navigation__action {
      color: #ffffff;
      fill: #ffffff;
    }

  [data-theme="waldhaus"] .footer__navigation__action {
      color: #ffffff;
      fill: #ffffff;
    }

  .footer__aside {
    padding: 20px 0;
  }

  @media only screen and (min-width: 768px)  {

  .footer__aside {
      padding: 40px 0 0 0
  }
}

  .footer__affiliate-logos {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    margin-left: -5px;
    margin-right: -5px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  @media only screen and (min-width: 768px)  {

  .footer__affiliate-logos {
      justify-content: flex-start
  }
}

  .footer__affiliate-logo, .footer__main-logo {
    display: inline-block;
    margin: 5px;
    width: auto;
  }

  .footer__affiliate-logo {
    max-width: 120px;
    width: 25%;
  }

  .footer__affiliate-link {
    display: block;
  }

  .footer__affiliate-icon, .footer__main-logo-icon {
    display: block;
    height: 64px;
    max-width: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .footer__main-logo-icon {
   width: 100%;
   background-size: contain;
 }

  .footer[data-theme="carillon"] .footer__header, .footer[data-theme="carillon"] .footer__body, .footer[data-theme="carillon"] .footer__footer {
        max-width: 960px;
        margin: 0 auto;
     }

  .footer[data-theme="carillon"] .footer__body, .footer[data-theme="carillon"] .footer__footer, .footer[data-theme="carillon"] .footer__navigation {
        border-top: 1px solid #ffffff;
        margin-top: 40px;
        padding-top: 40px;
     }

  .footer[data-theme="carillon"] .footer__header {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
     }

  .footer[data-theme="carillon"] .footer__newsletter {
        width: 100%;
     }

  .footer[data-theme="carillon"] .footer__newsletter__title h1.type--h4{
       font-family: "Mark Pro", sans-serif;
       font-weight: 700;
       font-size: 0.8125rem;
       text-transform: uppercase;
       letter-spacing: 2px;
     }

  .footer[data-theme="carillon"] .footer__social {
       padding-bottom: 0;
     }

  .footer[data-theme="carillon"] .social-icons__list {
       display: flex;
       justify-content: flex-start;
       align-items: center;
     }

  .footer[data-theme="carillon"] .social-icons__item {
       padding: 0;
       margin-right: 15px;
     }

  .footer[data-theme="carillon"] .social-icons__action {
       height: 50px;
       width: 50px;
       display: flex;
       justify-content: center;
       align-items: center;
       border-radius: 50%;
       background-color: #ffffff;
       padding: 15px;
     }

  .footer[data-theme="carillon"] .social-icons__action svg path {
         fill: #484f62 !important;
       }

  .footer[data-theme="carillon"] .footer__social-icons {
        width: auto;
     }

  .footer[data-theme="carillon"] .footer__navigation {
        width: 100%;
        padding-left: 5px;
     }

  .footer[data-theme="carillon"] .footer__navigation__list {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
     }

  .footer[data-theme="carillon"] .footer__main-logo {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
     }

  .footer[data-theme="carillon"] .footer__main-logo-heading {
       font-family: "Mark Pro", sans-serif;
       font-size: 0.6875rem;
       font-weight: 400;
       letter-spacing: 1px;
       line-height: 1.2673;
       text-align: center;
       text-transform: uppercase;
       color: #ffffff;
       margin-bottom: 10px;
     }

  .footer[data-theme="carillon"] .footer__main-logo-link {
       height: 64px;
       width: 100%;
       max-width: 120px;
     }

  .footer[data-theme="carillon"] .footer__navigation__item {
        text-align: left;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: calc(50% - 10px);
        margin-right: 10px;
        padding-right: 0;
     }

  .footer[data-theme="carillon"] .footer__navigation__item:nth-child(2n) {
          margin-right: 0;
        }

  .footer[data-theme="carillon"] .footer__affiliate-logo {
        margin: 5px 20px;
     }

  .footer[data-theme="carillon"] .footer__affiliate-logos {
        justify-content: center;
        align-items: center;
     }

  @media only screen and (min-width: 1024px)  {

        .footer[data-theme="carillon"] .footer__header {
           flex-direction: row;
           justify-content: space-between;
           align-items: center;
        }

        .footer[data-theme="carillon"] .footer__body {
           display: flex;
           justify-content: space-between;
           align-items: center;
        }

       .footer[data-theme="carillon"] .footer__main-logo {
         margin-left: 0;
         margin-right: 0;
       }

         .footer[data-theme="carillon"] .footer__navigation {
            width: 50%;
            padding: 0;
            margin: 0;
            border: none;
         }

        .footer[data-theme="carillon"] .footer__navigation__item {
           text-align: left;
           flex: 1 0 33%;
           margin-right: 0;
           padding-right: 0;
        }

           .footer[data-theme="carillon"] .footer__navigation__item:nth-child(3n) {
              flex: 1 0 16.5%;
           }

        .footer[data-theme="carillon"] .footer__affiliate-logos {
          justify-content: flex-start;
        }
}

.header  {
}

.header-spacer  {
  display: none;
  pointer-events: none;
}

  .header--has-sub-navigation .header-spacer {
    padding-bottom: 100px;
    display: block;
  }

  @media only screen and (min-width: 768px)  {

  .header--has-sub-navigation .header-spacer {
      padding-bottom: 130px
  }
}

  @media only screen and (min-width: 1024px)  {

  .header--has-sub-navigation .header-spacer {
      padding-bottom: 160px
  }
}

  .header--has-sub-navigation.header--has-promo-bar .header-spacer {
    padding-bottom: 140px;
    display: block;
  }

  @media only screen and (min-width: 768px)  {

  .header--has-sub-navigation.header--has-promo-bar .header-spacer {
      padding-bottom: 170px
  }
}

  @media only screen and (min-width: 1024px)  {

  .header--has-sub-navigation.header--has-promo-bar .header-spacer {
      padding-bottom: 200px
  }
}

  .header--has-scroll-navigation .header-spacer {
    padding-bottom: 60px;
    display: block;
  }

  @media only screen and (min-width: 768px)  {

  .header--has-scroll-navigation .header-spacer {
      padding-bottom: 80px
  }
}

  @media only screen and (min-width: 1024px)  {

  .header--has-scroll-navigation .header-spacer {
      padding-bottom: 100px
  }
}

  .header--has-scroll-navigation.header--has-promo-bar .header-spacer {
    padding-bottom: 100px;
    display: block;
  }

  @media only screen and (min-width: 768px)  {

  .header--has-scroll-navigation.header--has-promo-bar .header-spacer {
      padding-bottom: 120px
  }
}

  @media only screen and (min-width: 1024px)  {

  .header--has-scroll-navigation.header--has-promo-bar .header-spacer {
      padding-bottom: 140px
  }
}

.header-gradient  {
  background-image: linear-gradient(rgba(26,26,26, 0.25) 0%,  rgba(26,26,26, 0) 100%);
  z-index: 80;
  height: 100px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.header-burger  {
  border: none;
  background-color: transparent;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;

  transform: rotate(0);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

  .header-burger__container {
    width: 25px;
    height: 20px;
    position: relative;
    display: block;
  }

  .header--is-drawer-open .header-burger {
    transform: rotate(135deg);
  }

  .header-burger--top {
    color: #ffffff;
  }

  .header-burger__bar {
    width: 100%;
    height: 1px;
    background-color: currentColor;
    position: absolute;
    display: block;
  }

  .header-burger__bar--top {
    top: 3px;
    opacity: 1;
    transition-duration: 400;
    transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  }

  .header--is-drawer-open .header-burger__bar--top {
      top: 10px;
      opacity: 0;
      transition-duration: 200;
    }

  .header-burger__bar--left-diagonal, .header-burger__bar--right-diagonal {
    top: 10px;
    transform-origin: center center;
  }

  .header-burger__bar--right-diagonal {
    transform: rotate(0);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  }

  .header--is-drawer-open .header-burger__bar--right-diagonal {
      transform: rotate(90deg);
      transition-duration: 200ms;
    }

  .header-burger__bar--bottom {
    top: 17px;
    opacity: 1;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  }

  .header--is-drawer-open .header-burger__bar--bottom {
      top: 10px;
      opacity: 0;
      transition-duration: 200ms;
    }

.header-top  {
  z-index: 80;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

  [data-theme="carillon"] .header-top {
    color: #ffffff;
  }

  [data-theme="waldhaus"] .header-top {
    color: #ffffff;
  }

  .header--has-sub-navigation .header-top {
    display: none;
  }

  .header--has-scroll-navigation .header-top {
    display: none;
  }

  .header-top__frame {
    padding-left: 25px;
    padding-right: 25px;
  }

  @media only screen and (min-width: 768px)  {

  .header-top__frame {
      padding-left: 40px;
      padding-right: 40px
  }
}

  @media only screen and (min-width: 1600px)  {

  .header-top__frame {
      padding-top: 20px;
      padding-bottom: 20px
  }
}

  .header-top__container {
    position: relative;
    display: flex;
    align-items: center;
    height: 60px;
  }

  @media only screen and (min-width: 768px)  {

  .header-top__container {
      height: 80px
  }
}

  @media only screen and (min-width: 1024px)  {

  .header-top__container {
      height: 100px
  }
}

  @media only screen and (min-width: 1600px)  {

  .header-top__container {
      align-items: flex-end;
      height: auto
  }
}

  .header-top__left, .header-top__right {
    width: 50%;
  }

  @media only screen and (min-width: 1600px)  {

  .header-top__left, .header-top__right {
      width: 200px;
      padding-bottom: 5px
  }
}

  .header-top__left, .header-top__center, .header-top__right {
    display: flex;
  }

  .header-top__left {
    text-align: left;
    justify-content: flex-start;
  }

  .header-top__center {
    flex-grow: 1;
    display: block;
  }

  .header-top__right {
    justify-content: flex-end;
  }

  .header-top__burger {
    width: 40px;
    height: 40px;
  }

  .header-top__language-switcher {
    width: 40px;
    height: 40px;
    color: #ffffff;
  }

  .header-top__phone-number {
    width: 40px;
    height: 40px;
    color: #ffffff;
  }

  .header-top__phone-number__link {
      display: flex;
      line-height: 0;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

  .header-top__phone-number__icon {
      display: block;
      width: 25px;
    }

  .header-top__primary-cta, .header-top__secondary-cta, .header-top__booking-widget-cta {
    width: 150px;
  }

  @media only screen and (min-width: 1600px)  {

  .header-top__primary-cta, .header-top__secondary-cta, .header-top__booking-widget-cta {
      width: 200px
  }
}

  @media only screen and (min-width: 1600px)  {

  .header-top__secondary-cta {
      display: none
  }
}

  .header-top__booking-widget {
    display: none;
  }

  @media only screen and (min-width: 1600px)  {

  .header-top__booking-widget {
      display: block
  }
}

  .header-top__booking-widget-cta {
    display: none;
  }

  @media only screen and (min-width: 1600px)  {

  .header-top__booking-widget-cta {
      display: block
  }
}

  .header-top__brand {
    display: block;
    text-align: center;
  }

  @media only screen and (min-width: 1600px)  {

  .header-top__brand {
      padding-bottom: 10px
  }
}

  .header-top__marriott-logo {
    display: inline-block;
    width: 100%;
  }

  .header-top__logo {
    line-height: 1;
    display: block;
    width: 160px;
    color: currentColor;
    margin: 0 auto;
  }

  .header--is-homepage .header-top__logo {
      display: none;
    }

  @media only screen and (min-width: 1024px)  {

  .header--is-homepage .header-top__logo {
        display: block
    }
}

  .header--is-homepage .header-top__logo--marriott {
        display: block;
        width: 200px;
      }

  @media only screen and (min-width: 1600px)  {

  .header--is-homepage .header-top__logo--marriott {
          display: none
      }
}

  .header--is-homepage .header-top__logo--waldhaus {
        display: none;
      }

  @media only screen and (min-width: 1600px)  {

  .header--is-homepage .header-top__logo--waldhaus {
          display: block
      }
}

  @media only screen and (min-width: 1024px)  {

  .header-top__logo {
      width: 200px;
      opacity: 1
  }
}

  @media only screen and (min-width: 1600px)  {

  .header-top__logo {
      width: 260px
  }
}

  .header-top__logo--waldhaus, .header-top__logo--chalet-belmont {
      width: 100px;
    }

  @media only screen and (min-width: 768px)  {

  .header-top__logo--waldhaus, .header-top__logo--chalet-belmont {
        width: 120px;
        opacity: 1
    }
}

  @media only screen and (min-width: 1024px)  {

  .header-top__logo--waldhaus, .header-top__logo--chalet-belmont {
        width: 140px;
        opacity: 1
    }
}

  @media only screen and (min-width: 1600px)  {

  .header-top__logo--waldhaus, .header-top__logo--chalet-belmont {
        width: 160px
    }
}

  .header-top__center__navigation {
    display: none;
  }

  @media only screen and (min-width: 1600px)  {

  .header-top__center__navigation {
      display: block;
      text-align: center
  }
}

  .header-top__navigation {
    display: inline-block;
  }

  .header-top__navigation__list {
    list-style-type: none;
  }

  .header-top__navigation__item {
    display: inline-block;
  }

  .header-top__navigation__action {
    display: block;
    padding: 8px;
    color: #ffffff;
    line-height: 2;
  }

  .header-top__left {
    text-align: left;
  }

  .header-top__left__marriott {
      display: none;
    }

  @media only screen and (min-width: 1600px)  {

  .header-top__left__marriott {
        display: block;
        position: absolute;
        max-width: 200px;
        text-align: center;
        width: 100%;
        left: 0;
        top: 20px
    }
}

  .header-top__left__items {
      margin-left: -20px;
      margin-right: -20px;
      display: inline-flex;
    }

  @media only screen and (min-width: 1600px)  {

  .header-top__left__items {
        display: block;
        margin-left: -12.5px;
        margin-right: -12.5px
    }
}

  .header-top__left__item {
      display: inline-block;
      vertical-align: middle;
      padding-left: 12.5px;
      padding-right: 12.5px;
    }

  .header-top__left__item--burger {
        display: inline-block;
      }

  @media only screen and (min-width: 1600px)  {

  .header-top__left__item--burger {
          display: none
      }
}

  .header-top__left__item--primary-cta {
        display: none;
      }

  @media only screen and (min-width: 768px)  {

  .header-top__left__item--primary-cta {
          display: inline-block
      }
}

  .header-top__center {
    text-align: center;
  }

  .header-top__center__items {
      display: block;
      margin: 0 auto;
    }

  .header-top__center__item {
      display: block;
    }

  .header-top__center__item--navigation {
        display: none;
      }

  @media only screen and (min-width: 1600px)  {

  .header-top__center__item--navigation {
          display: block
      }
}

  .header-top__right {
    text-align: right;
  }

  .header-top__right__items {
      display: inline-flex;
      margin-left: -20px;
      margin-right: -20px;
    }

  @media only screen and (min-width: 1600px)  {

  .header-top__right__items {
        margin-left: -12.5px;
        margin-right: -12.5px
    }
}

  .header-top__right__item {
      display: inline-block;
      vertical-align: middle;
      padding-left: 12.5px;
      padding-right: 12.5px;
    }

  .header-top__right__item--secondary-cta {
        display: none;
      }

  @media only screen and (min-width: 768px)  {

  .header-top__right__item--secondary-cta {
          display: inline-block
      }
}

  .header-top__right__item--booking-widget-cta {
        display: none;
      }

  @media only screen and (min-width: 768px)  {

  .header-top__right__item--booking-widget-cta {
          display: inline-block
      }
}

  .header-top__right__item--language-switcher {
        display: none;
      }

  @media only screen and (min-width: 768px)  {

  .header-top__right__item--language-switcher {
          display: inline-block
      }
}

  @media only screen and (min-width: 1600px)  {

  .header-top__right__item--language-switcher {
          display: none
      }
}

  .header-top__right__item--phone-number {
        display: inline-block;
      }

  @media only screen and (min-width: 768px)  {

  .header-top__right__item--phone-number {
          display: none
      }
}

.header-drawer  {
  z-index: 92;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #ffffff;
  display: none;
}

  .header--is-drawer-open .header-drawer {
    display: block;
  }

  .header-drawer__bar {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 20;
  }

  [data-theme="carillon"] .header-drawer__bar {
      color: #484f62;
    }

  [data-theme="waldhaus"] .header-drawer__bar {
      color: #776d3c;
    }

  .header-drawer__bar__container {
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    align-items: center;
    height: 60px;
  }

  @media only screen and (min-width: 768px)  {

  .header-drawer__bar__container {
      padding-left: 40px;
      padding-right: 40px;
      height: 80px
  }
}

  @media only screen and (min-width: 1024px)  {

  .header-drawer__bar__container {
      height: 100px
  }
}

  @media only screen and (min-width: 1775px)  {

  .header-drawer__bar__container {
      padding-top: 20px;
      padding-bottom: 20px;
      align-items: flex-end;
      height: auto
  }
}

  .header-drawer__bar__left, .header-drawer__bar__right {
    width: 50%;
  }

  @media only screen and (min-width: 1775px)  {

  .header-drawer__bar__left, .header-drawer__bar__right {
      width: 200px;
      padding-bottom: 30px
  }
}

  .header-drawer__bar__left, .header-drawer__bar__center, .header-drawer__bar__right {
    display: flex;
  }

  .header-drawer__bar__left {
    text-align: left;
    justify-content: flex-start;
  }

  .header-drawer__bar__center {
    flex-grow: 1;
    display: block;
  }

  .header-drawer__bar__right {
    justify-content: flex-end;
  }

  .header-drawer__bar__burger {
    width: 40px;
    height: 40px;
  }

  .header-drawer__bar__language-switcher {
    width: 40px;
    height: 40px;
  }

  .header-drawer__bar__phone-number {
    width: 40px;
    height: 40px;
  }

  .header-drawer__bar__phone-number__link {
      display: flex;
      line-height: 0;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

  .header-drawer__bar__phone-number__icon {
      display: block;
      width: 25px;
    }

  .header-drawer__bar__primary-cta, .header-drawer__bar__secondary-cta {
    width: 150px;
  }

  @media only screen and (min-width: 1775px)  {

  .header-drawer__bar__primary-cta, .header-drawer__bar__secondary-cta {
      width: 200px
  }
}

  .header-drawer__bar__brand {
    display: block;
    text-align: center;
  }

  @media only screen and (min-width: 1775px)  {

  .header-drawer__bar__brand {
      padding-bottom: 10px
  }
}

  [data-theme="waldhaus"] .header-drawer__bar__brand {
      color: #a79b62;
    }

  .header-drawer__bar__logo {
    line-height: 1;
    display: block;
    width: 160px;
    color: currentColor;
    margin: 0 auto;


  }

  @media only screen and (min-width: 1024px)  {

  .header-drawer__bar__logo {
      width: 200px;
      opacity: 1


  }
}

  @media only screen and (min-width: 1775px)  {

  .header-drawer__bar__logo {
      width: 260px


  }
}

  .header-drawer__bar__logo--waldhaus, .header-drawer__bar__logo--chalet-belmont {
      width: 100px;
    }

  @media only screen and (min-width: 768px)  {

  .header-drawer__bar__logo--waldhaus, .header-drawer__bar__logo--chalet-belmont {
        width: 120px;
        opacity: 1
    }
}

  @media only screen and (min-width: 1024px)  {

  .header-drawer__bar__logo--waldhaus, .header-drawer__bar__logo--chalet-belmont {
        width: 140px;
        opacity: 1
    }
}

  @media only screen and (min-width: 1775px)  {

  .header-drawer__bar__logo--waldhaus, .header-drawer__bar__logo--chalet-belmont {
        width: 160px
    }
}

  .header-drawer__bar__left {
    text-align: left;
  }

  .header-drawer__bar__left__items {
    display: inline-flex;
    margin-left: -20px;
    margin-right: -20px;
  }

  @media only screen and (min-width: 1775px)  {

  .header-drawer__bar__left__items {
      margin-left: -12.5px;
      margin-right: -12.5px
  }
}

  .header-drawer__bar__left__item {
    display: inline-block;
    vertical-align: middle;
    padding-left: 12.5px;
    padding-right: 12.5px;
  }

  .header-drawer__bar__left__item--burger {
      display: inline-block;
    }

  @media only screen and (min-width: 1775px)  {

  .header-drawer__bar__left__item--burger {
        display: none
    }
}

  .header-drawer__bar__left__item--primary-cta {
      display: none;
    }

  @media only screen and (min-width: 768px)  {

  .header-drawer__bar__left__item--primary-cta {
        display: inline-block
    }
}

  .header-drawer__bar__center {
    text-align: center;
  }

  .header-drawer__bar__center__items {
    display: block;
    margin: 0 auto;
  }

  .header-drawer__bar__center__item {
    display: block;
  }

  .header-drawer__bar__right {
    text-align: right;
  }

  .header-drawer__bar__right__items {
    display: inline-flex;
    margin-left: -20px;
    margin-right: -20px;
  }

  @media only screen and (min-width: 1775px)  {

  .header-drawer__bar__right__items {
      margin-left: -12.5px;
      margin-right: -12.5px
  }
}

  .header-drawer__bar__right__item {
    display: inline-block;
    vertical-align: middle;
    padding-left: 12.5px;
    padding-right: 12.5px;
  }

  .header-drawer__bar__right__item--secondary-cta {
      display: none;
    }

  @media only screen and (min-width: 768px)  {

  .header-drawer__bar__right__item--secondary-cta {
        display: inline-block
    }
}

  .header-drawer__bar__right__item--language-switcher {
      display: none;
    }

  @media only screen and (min-width: 768px)  {

  .header-drawer__bar__right__item--language-switcher {
        display: inline-block
    }
}

  @media only screen and (min-width: 1775px)  {

  .header-drawer__bar__right__item--language-switcher {
        display: none
    }
}

  .header-drawer__bar__right__item--phone-number {
      display: inline-block;
    }

  @media only screen and (min-width: 768px)  {

  .header-drawer__bar__right__item--phone-number {
        display: none
    }
}

  .header-drawer__container {
    padding: 100px 40px;
    min-height: 100vh;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    z-index: zIndexLocalForeground;
  }

  @media only screen and (min-width: 1024px)  {

  .header-drawer__container {
      padding: 140px 40px
  }
}

  .header-drawer__section {
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
  }

  .header-drawer__section:not(:last-child) {
      padding-bottom: 40px;
    }

  .header-drawer__main-navigation {
    display: inline-block;
  }

  .header-drawer__main-navigation__marriott {
    text-align: center;
    padding-bottom: 30px;
  }

  .header-drawer__main-navigation__marriott-logo {
    color: #676767;
    display: inline-block;
    width: 200px;
  }

  .header-drawer__main-navigation__list {
    list-style-type: none;
  }

  .header-drawer__main-navigation__item {
    padding-bottom: 10px;
  }

  [data-theme="carillon"] .header-drawer__main-navigation__item {
      color: #676767;
    }

  [data-theme="waldhaus"] .header-drawer__main-navigation__item {
      color: #676767;
    }

  .header-drawer__main-navigation__action {
    display: inline-block;
  }

  .header-drawer__main-navigation__action.is-active {
      opacity: 1;
    }

  [data-theme="carillon"] .header-drawer__main-navigation__action.is-active {
        color: #484f62;
      }

  [data-theme="waldhaus"] .header-drawer__main-navigation__action.is-active {
        color: #776d3c;
      }

  [data-theme="carillon"] .header-drawer__main-navigation__action {
      color: #676767;
    }

  [data-theme="waldhaus"] .header-drawer__main-navigation__action {
      color: #676767;
    }

  .header-drawer__secondary-navigation {
    display: inline-block;
  }

  .header-drawer__language-switcher {
    text-align: center;
    display: inline-block;
  }

  @media only screen and (min-width: 768px)  {

  .header-drawer__language-switcher {
      display: none
  }
}

  .header-drawer__secondary-navigation__list {
    list-style-type: none;
  }

  [data-theme="carillon"] .header-drawer__secondary-navigation__item {
      color: #676767;
    }

  [data-theme="waldhaus"] .header-drawer__secondary-navigation__item {
      color: #676767;
    }

  .header-drawer__contact {}

  .header-drawer__address, .header-drawer__phone {
    display: block;
  }

  [data-theme="carillon"] .header-drawer__address, [data-theme="carillon"] .header-drawer__phone {
      color: #676767;
    }

  [data-theme="waldhaus"] .header-drawer__address, [data-theme="waldhaus"] .header-drawer__phone {
      color: #676767;
    }

  .header-drawer__address, .header-drawer__phone-number {
    line-height: 40px;
  }

  [data-theme="carillon"] .header-drawer__phone-number {
      color: #676767;
    }

  [data-theme="waldhaus"] .header-drawer__phone-number {
      color: #676767;
    }

  .header-drawer__phone-number__icon {
    width: 20px;
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
  }

  [data-theme="carillon"] .header-drawer__phone-number__icon {
      color: #b2c6d3;
    }

  [data-theme="waldhaus"] .header-drawer__phone-number__icon {
      color: #a79b62;
    }

  .header-drawer__newsletter {}

  .header-drawer__newsletter__title {
    padding-bottom: 10px;
  }

  [data-theme="carillon"] .header-drawer__newsletter__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .header-drawer__newsletter__title {
      color: #676767;
    }

  .header-drawer__social {
    display: inline-block;
  }

  [data-theme="carillon"] .header-drawer__social {
      color: #676767;
    }

  [data-theme="waldhaus"] .header-drawer__social {
      color: #676767;
    }

.header-scroll  {
  z-index: 80;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;

  transform: translateY(-100%);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);

}

  .header--has-sub-navigation .header-scroll {
    transform: translateY(0);
  }

  .header--has-scroll-navigation .header-scroll {
    transform: translateY(0);
  }

  .header--is-scrolled .header-scroll {
    transform: translateY(0);
    transition-duration: 300ms;
  }

  .header-scroll[focus-within] {
    transform: translateY(0);
    transition-duration: 300ms;
  }

  .header-scroll:focus-within {
    transform: translateY(0);
    transition-duration: 300ms;
  }

  [data-theme="carillon"] .header-scroll {
    color: #484f62;
  }

  [data-theme="waldhaus"] .header-scroll {
    color: #776d3c;
  }

  .header-scroll__container {
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(26,26,26, 0.1);
    height: 60px;
    position: relative;
    z-index: 20;
  }

  @media only screen and (min-width: 768px)  {

  .header-scroll__container {
      padding-left: 40px;
      padding-right: 40px;
      height: 80px
  }

}

  @media only screen and (min-width: 1024px)  {

  .header-scroll__container {
      height: 100px
  }

}

  .header-scroll__left {
    width: 50%;
    display: flex;
    justify-content: flex-start;
  }

  @media only screen and (min-width: 1775px)  {

  .header-scroll__left {
      display: none
  }

}

  .header-scroll__left__items {
    display: inline-flex;
    margin-left: -20px;
    margin-right: -20px;
  }

  @media only screen and (min-width: 1775px)  {

  .header-scroll__left__items {
      margin-left: -12.5px;
      margin-right: -12.5px
  }

}

  .header-scroll__left__item {
    display: inline-block;
    vertical-align: middle;
    padding-left: 12.5px;
    padding-right: 12.5px;
  }

  .header-scroll__left__item--burger {
      display: inline-block;
    }

  @media only screen and (min-width: 1775px)  {

  .header-scroll__left__item--burger {
        display: none
    }

}

  .header-scroll__left__item--primary-cta {
      display: none;
    }

  @media only screen and (min-width: 768px)  {

  .header-scroll__left__item--primary-cta {
        display: inline-block
    }

}

  .header-scroll__center {
    flex-grow: 1;
  }

  .header-scroll__center__items {
    display: block;
    margin: 0 auto;
  }

  @media only screen and (min-width: 1775px)  {

  .header-scroll__center__items {
      display: flex;
      align-items: center
  }

}

  .header-scroll__center__item {
    display: block;
  }

  @media only screen and (min-width: 1775px)  {

  .header-scroll__center__item--logo {
        width: 320px
    }

}

  .header-scroll__center__item--navigation {
      display: none;
    }

  @media only screen and (min-width: 1775px)  {

  .header-scroll__center__item--navigation {
        text-align: center;
        display: block;
        flex-grow: 1
    }

}

  .header-scroll__center__item--actions {
      display: none;
    }

  @media only screen and (min-width: 1775px)  {

  .header-scroll__center__item--actions {
        display: block;
        width: 320px
    }

}

  .header-scroll__right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
  }

  @media only screen and (min-width: 1775px)  {

  .header-scroll__right {
      display: none
  }

}

  .header-scroll__right__items {
    display: inline-flex;
    margin-left: -20px;
    margin-right: -20px;
  }

  @media only screen and (min-width: 1775px)  {

  .header-scroll__right__items {
      margin-left: -12.5px;
      margin-right: -12.5px
  }

}

  .header-scroll__right__item {
    display: inline-block;
    vertical-align: middle;
    padding-left: 12.5px;
    padding-right: 12.5px;
  }

  .header-scroll__right__item--secondary-cta {
      display: none;
    }

  @media only screen and (min-width: 768px)  {

  .header-scroll__right__item--secondary-cta {
        display: inline-block
    }

}

  .header-scroll__right__item--language-switcher {
      display: none;
    }

  @media only screen and (min-width: 768px)  {

  .header-scroll__right__item--language-switcher {
        display: inline-block
    }

}

  @media only screen and (min-width: 1775px)  {

  .header-scroll__right__item--language-switcher {
        display: none
    }

}

  .header-scroll__right__item--phone-number {
      display: inline-block;
    }

  @media only screen and (min-width: 768px)  {

  .header-scroll__right__item--phone-number {
        display: none
    }

}

  .header-scroll__phone-number {
    width: 40px;
    height: 40px;
    color: #ffffff;
  }

  [data-theme="carillon"] .header-scroll__phone-number {
      color: #484f62;
    }

  [data-theme="waldhaus"] .header-scroll__phone-number {
      color: #776d3c;
    }

  .header-scroll__phone-number__link {
      display: flex;
      line-height: 0;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

  .header-scroll__phone-number__icon {
      display: block;
      width: 25px;
    }

  .header-scroll__brand {
    width: 100%;
  }

  [data-theme="waldhaus"] .header-scroll__brand {
      color: #a79b62;
    }

  .header-scroll__logo {
    line-height: 1;
    display: block;
    width: 160px;
    color: currentColor;
    margin: 0 auto;
  }

  @media only screen and (min-width: 1024px)  {

  .header-scroll__logo {
      width: 200px
  }

}

  @media only screen and (min-width: 1775px)  {

  .header-scroll__logo {
      width: 200px;
      margin-left: 0
  }

}

  .header-scroll__logo--waldhaus, .header-scroll__logo--chalet-belmont {
      width: 100px;
    }

  @media only screen and (min-width: 768px)  {

  .header-scroll__logo--waldhaus, .header-scroll__logo--chalet-belmont {
        width: 120px;
        opacity: 1
    }

}

  @media only screen and (min-width: 1024px)  {

  .header-scroll__logo--waldhaus, .header-scroll__logo--chalet-belmont {
        width: 140px;
        opacity: 1
    }

}

  @media only screen and (min-width: 1775px)  {

  .header-scroll__logo--waldhaus, .header-scroll__logo--chalet-belmont {
        width: 160px
    }

}

  .header-scroll__actions {
    display: none;
  }

  @media only screen and (min-width: 1775px)  {

  .header-scroll__actions {
      display: flex;
      width: 320px
  }

}

  .header-scroll__action {
    width: 150px;
  }

  .header-scroll__action:not(:last-child) {
      margin-right: 20px;
    }

  .header-scroll__primary-cta, .header-scroll__secondary-cta {
    display: none;
  }

  @media only screen and (min-width: 1024px)  {

  .header-scroll__primary-cta, .header-scroll__secondary-cta {
      display: block;
      width: 150px
  }

}

  @media only screen and (min-width: 1775px)  {

  .header-scroll__primary-cta, .header-scroll__secondary-cta {
      width: 200px
  }

}

  .header-scroll__navigation {
    display: inline-block;
  }

  .header-scroll__navigation__list {
    list-style-type: none;
  }

  .header-scroll__navigation__item {
    display: inline-block;
  }

  .header-scroll__navigation__action {
    display: block;
    padding: 8px;
    color: #ffffff;
    line-height: 1.75;
  }

  .header-scroll__navigation__action.is-active {
      opacity: 1;
    }

  [data-theme="carillon"] .header-scroll__navigation__action.is-active {
        color: #484f62;
      }

  [data-theme="waldhaus"] .header-scroll__navigation__action.is-active {
        color: #776d3c;
      }

  [data-theme="carillon"] .header-scroll__navigation__action {
      color: #676767;
    }

  [data-theme="waldhaus"] .header-scroll__navigation__action {
      color: #676767;
    }

  .header-scroll__sub-navigation {
    background-color: #fafafa;
    position: relative;
    text-align: center;
    z-index: 1;
    overflow: auto;
    height: 40px;
  }

  @media only screen and (min-width: 768px)  {

  .header-scroll__sub-navigation {
      height: 50px
  }

}

  @media only screen and (min-width: 1024px)  {

  .header-scroll__sub-navigation {
      height: 60px
  }

}

  .header-scroll__sub-navigation__container {
    text-align: center;
    padding: 0 15px;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  @media only screen and (min-width: 768px)  {

  .header-scroll__sub-navigation__container {
      padding: 0 25px
  }

}

  .header-scroll__sub-navigation__list {
    list-style-type: none;
    display: inline-flex;
    padding: 0;
    margin-bottom: 40px !important;
    align-items: center;
    height: 40px;
  }

  @media only screen and (min-width: 768px)  {

  .header-scroll__sub-navigation__list {
      height: 50px
  }

}

  @media only screen and (min-width: 1024px)  {

  .header-scroll__sub-navigation__list {
      height: 60px
  }

}

  .header-scroll__sub-navigation__item {
    display: inline-block;
  }

  .header-scroll__sub-navigation__action {
    display: block;
    padding: 17px 10px;
    color: #ffffff;
    line-height: 2;
  }

  .header-scroll__sub-navigation__action.is-active {
      opacity: 1;
    }

  [data-theme="carillon"] .header-scroll__sub-navigation__action.is-active {
        color: #484f62;
      }

  [data-theme="waldhaus"] .header-scroll__sub-navigation__action.is-active {
        color: #776d3c;
      }

  [data-theme="carillon"] .header-scroll__sub-navigation__action {
      color: #676767;
    }

  [data-theme="waldhaus"] .header-scroll__sub-navigation__action {
      color: #676767;
    }

  .header-scroll__sub-navigation__title {}

.inline-svg-icon  {
  display: inline-block;
  position: relative;
  width: 100%;
  line-height: 1;
}

  .inline-svg-icon__container {
    display: block;
    padding-bottom: 100%;
  }

  .inline-svg-icon__container > svg {
      pointer-events: none;
      fill: currentColor;
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
    }


.language-switcher__container {
  }
  .language-switcher__select-wrapper {
    position: relative;
    width: 40px;
    overflow: hidden;
    text-align: left;
  }
  .language-switcher__caret {
    position: absolute;
    top: 20px;
    right: 5px;
    height: 10px;
    width: 10px;
    color: currentColor;
    margin-top: -5px;
    pointer-events: none;
    opacity: 0.5;
    line-height: 0;
  }
  .language-switcher__select {
    cursor: pointer;
    color: currentColor;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    border: none;
    width: 150%;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;

  }
  .language-switcher__select--custom {
      display: none;
    }
  .language-switcher__select--custom__dropdown {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        transition: all 0.5s ease;
        margin-top: 1rem;
        left: 0;
        bottom: 0;
        background-color: #ffffff;
        color: #676767;
        display: none;
        line-height: 15px;
      }
  .language-switcher__select--custom__dropdown__item {
          list-style-type: none;
          width:100%;
          display: inline-block;
        }
  .language-switcher__select--custom__dropdown__item:hover {
            background-color: rgba(100,152,174, 0.25);
          }
  .language-switcher__select--custom__dropdown__item a {
            width: 100%;
            display: inline-block;
          }
  .language-switcher__select--custom:hover .language-switcher__select--custom__dropdown {
          visibility: visible;
          opacity: 1;
          display: block;
        }
  @media (hover: hover) {
      .language-switcher__select--custom {
        display: block;
      }
      .language-switcher__select--native{
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
      }
        .language-switcher__select--native:focus {
          position: unset;
          width: unset;
          height: unset;
          margin: unset;
          padding: unset;
          overflow: unset;
          clip: unset;
          border: unset;
        }
      .language-switcher__select--native:focus + .language-switcher__select--custom {
        display: none;
      }
    }
  .language-switcher__select--custom:hover {

  }
  [data-theme="carillon"] .language-switcher--contact-bar .language-switcher__select, [data-theme="carillon"] .language-switcher--header-scroll .language-switcher__select, [data-theme="carillon"] .language-switcher--header-drawer .language-switcher__select {
        color: #676767;
      }
  [data-theme="waldhaus"] .language-switcher--contact-bar .language-switcher__select, [data-theme="waldhaus"] .language-switcher--header-scroll .language-switcher__select, [data-theme="waldhaus"] .language-switcher--header-drawer .language-switcher__select {
        color: #676767;
      }
  .language-switcher--header-top .language-switcher__select--custom__dropdown {
          width: 150%;
        }
  [data-theme="carillon"] .language-switcher--header-top .language-switcher__select > option {
          color: #676767;
        }
  [data-theme="waldhaus"] .language-switcher--header-top .language-switcher__select > option {
          color: #676767;
        }
@media (hover: hover) {
  .language-switcher--custom{
    display: block;
  }
.language-switcher--native:focus + .language-switcher--custom {
  display: none;
}
}

.media__container {
    position: relative;
    overflow: hidden;
  }

  .media--fillparent {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .media--fillparent .media__container {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }

  .media--position-bottom .media__object {
      background-position: bottom;
    }

  .media:not(.media--fillparent) .media__aspect {
      padding-bottom: 66.66666666666666%;
    }

  .media__aspect {
    overflow: hidden;
    height: 0;
  }

  .media--fillparent .media__aspect {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

  .media__background, .media__object {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .media__background {
    background-color: #f6f6f6;
  }

  .media__object {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .media__hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    display: none;
  }

  .media__hidden > * {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0,0,0,0);
      border: 0;
      display: none;
    }

  .media__video {
    height: 100%;
    width: 100%;
  }

  @supports ((-o-object-fit: cover) or (object-fit: cover)) {

  .media__video {
      -o-object-fit: cover;
         object-fit: cover
  }
    }

  .media__video-description {
     clip: rect(1px, 1px, 1px, 1px);
     clip-path: inset(50%);
     height: 1px;
     width: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
  }

  .media__object {
    opacity: 0;
    will-change: opacity;
    transition-property: opacity;
    transition-duration: 800ms;
    transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  }

  .is-loaded .media__object {
      opacity: 1;
    }

  .media__figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    pointer-events: none;
    background-image: linear-gradient(transparent 0%, transparent 20%, rgba(26,26,26, 0.5) 80%, rgba(26,26,26, 0.65) 100%);
  }

  @media only screen and (min-width: 1024px) {

  .media__figcaption {
      padding: 10px 20px;
      text-align: left;
      opacity: 0
  }
}

  .is-loaded .media__figcaption {
      opacity: 1;
    }

.menu-card  {
  width: 100%;
}

  .menu-card__frame {}

  .menu-card__container {}

  .menu-card__title {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .menu-card__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .menu-card__title {
      color: #676767;
    }

  .menu-card__subtitle {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .menu-card__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .menu-card__subtitle {
      color: #676767;
    }

  .menu-card__body:not(:last-child) {
      padding-bottom: 20px;
    }

  [data-theme="carillon"] .menu-card__body {
      color: #676767;
    }

  [data-theme="waldhaus"] .menu-card__body {
      color: #676767;
    }

  .menu-card__cta {
    margin-top: 20px;
  }

.navis-dynamic-number {}

.newsletter-signup-form__label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }

  /*
  modifiers
  */

  .newsletter-signup-form--footer .newsletter-signup-form__wrapper {
      border-bottom: 1px solid #ffffff;
      display: flex;
      align-items: center;
    }

  [data-theme="carillon"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__wrapper {
          border-color: #ffffff;
        }

  [data-theme="carillon"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__input::-moz-placeholder {
            color: #ffffff;
          }

  [data-theme="carillon"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__input:-ms-input-placeholder {
            color: #ffffff;
          }

  [data-theme="carillon"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__input::placeholder {
            color: #ffffff;
          }

  [data-theme="carillon"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__submit{
          color: #ffffff;
        }

  [data-theme="carillon"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__submit > button {
            color: #ffffff;
          }

  [data-theme="waldhaus"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper {
        background-color: #776d3c;
      }

  [data-theme="waldhaus"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__wrapper {
          border-color: #ffffff;
        }

  [data-theme="waldhaus"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__input::-moz-placeholder {
            color: #ffffff;
          }

  [data-theme="waldhaus"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__input:-ms-input-placeholder {
            color: #ffffff;
          }

  [data-theme="waldhaus"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__input::placeholder {
            color: #ffffff;
          }

  [data-theme="waldhaus"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__submit{
          color: #ffffff;
        }

  [data-theme="waldhaus"] .newsletter-signup-form--footer .newsletter-signup-form__wrapper .newsletter-signup-form__submit > button {
            color: #ffffff;
          }

  .newsletter-signup-form--footer .newsletter-signup-form__success_message, .newsletter-signup-form--footer .newsletter-signup-form__error_message {
      color: #ffffff;
    }

  .newsletter-signup-form--footer .newsletter-signup-form__wrapper.hide, .newsletter-signup-form--header-drawer .newsletter-signup-form__wrapper.hide {
        display: none;
      }

  .newsletter-signup-form--footer .newsletter-signup-form__success_message, .newsletter-signup-form--footer .newsletter-signup-form__error_message, .newsletter-signup-form--header-drawer .newsletter-signup-form__success_message, .newsletter-signup-form--header-drawer .newsletter-signup-form__error_message {
      display: none;
      color: #ffffff;
    }

  .newsletter-signup-form--footer .newsletter-signup-form__success_message.show, .newsletter-signup-form--footer .newsletter-signup-form__error_message.show, .newsletter-signup-form--header-drawer .newsletter-signup-form__success_message.show, .newsletter-signup-form--header-drawer .newsletter-signup-form__error_message.show {
        display: block;
      }

  .newsletter-signup-form--footer .newsletter-signup-form__error_message, .newsletter-signup-form--header-drawer .newsletter-signup-form__error_message {
      padding: 17.5px 0;
    }

  .newsletter-signup-form--header-drawer .newsletter-signup-form__success_message, .newsletter-signup-form--header-drawer .newsletter-signup-form__error_message {
      color: #676767;
    }

  .newsletter-signup-form--header-drawer .newsletter-signup-form__field, .newsletter-signup-form--header-drawer .newsletter-signup-form__submit {
      width: 100%;
    }

  .newsletter-signup-form--header-drawer .newsletter-signup-form__input {
      text-align: center;
    }

  .newsletter-signup-form--header-drawer .newsletter-signup-form__submit > button {
        width: 100%;
      }

  .newsletter-signup-form--header-drawer .newsletter-signup-form__field {
      border-bottom: 2px solid;
    }

  [data-theme="carillon"] .newsletter-signup-form--header-drawer .newsletter-signup-form__field {
        border-color: rgba(103,103,103, 0.25);
      }

  [data-theme="carillon"] .newsletter-signup-form--header-drawer .newsletter-signup-form__input {
        color: #676767;
        }

  [data-theme="carillon"] .newsletter-signup-form--header-drawer .newsletter-signup-form__input::-moz-placeholder {
            color: rgba(103,103,103, 0.5);
          }

  [data-theme="carillon"] .newsletter-signup-form--header-drawer .newsletter-signup-form__input:-ms-input-placeholder {
            color: rgba(103,103,103, 0.5);
          }

  [data-theme="carillon"] .newsletter-signup-form--header-drawer .newsletter-signup-form__input::placeholder {
            color: rgba(103,103,103, 0.5);
          }

  [data-theme="carillon"] .newsletter-signup-form--header-drawer .newsletter-signup-form__submit > button {
          color: #676767;
         }

  [data-theme="waldhaus"] .newsletter-signup-form--header-drawer .newsletter-signup-form__field {
        border-color: rgba(103,103,103, 0.25);
      }

  [data-theme="waldhaus"] .newsletter-signup-form--header-drawer .newsletter-signup-form__input {
        color: #676767;
        }

  [data-theme="waldhaus"] .newsletter-signup-form--header-drawer .newsletter-signup-form__input::-moz-placeholder {
            color: rgba(103,103,103, 0.5);
          }

  [data-theme="waldhaus"] .newsletter-signup-form--header-drawer .newsletter-signup-form__input:-ms-input-placeholder {
            color: rgba(103,103,103, 0.5);
          }

  [data-theme="waldhaus"] .newsletter-signup-form--header-drawer .newsletter-signup-form__input::placeholder {
            color: rgba(103,103,103, 0.5);
          }

  [data-theme="waldhaus"] .newsletter-signup-form--header-drawer .newsletter-signup-form__submit > button {
          color: #676767;
        }

  .newsletter-signup-form__label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }

  .newsletter-signup-form__field {
    width: 100%;
  }

  .newsletter-signup-form__submit {
    text-align: center;
  }

  .newsletter-signup-form .newsletter-signup-form__input {
  width: 100%;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  color: #ffffff;
  line-height: 40px;
  }

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .newsletter-signup-form .newsletter-signup-form__input {
      line-height: normal;
      padding: 40px
  }
}

  .newsletter-signup-form .newsletter-signup-form__input::-moz-placeholder {
      color: #ffffff;
    }

  .newsletter-signup-form .newsletter-signup-form__input:-ms-input-placeholder {
      color: #ffffff;
    }

  .newsletter-signup-form .newsletter-signup-form__input::placeholder {
      color: #ffffff;
    }

.promo-bar {
  height: 100%;
  max-height: 160px;
  background-color: #484f62;
  will-change: max-height;
  transition: max-height .3s linear;
}
  .header-scroll .promo-bar {
    display: none;
  }
  .header--has-scroll-navigation .header-scroll .promo-bar, .header--has-sub-navigation .header-scroll .promo-bar {
    display: block;
  }
  .header--is-scrolled .promo-bar {
    max-height: 0;
  }
  .promo-bar__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 10px 40px;
  }
  .promo-bar .wysiwyg--promo-bar .wysiwyg__body {
    color: #ffffff;
    text-align: center;
    font-size: 0.875rem;
  }
  .promo-bar .wysiwyg--promo-bar--desktop {
    display: none;
  }
  @media only screen and (min-width: 768px) {
    .promo-bar .wysiwyg--promo-bar--mobile {
      display: none;
    }
    .promo-bar .wysiwyg--promo-bar--desktop {
      display: block;
    }
    .promo-bar .wysiwyg--promo-bar .wysiwyg__body {
      text-align: left;
    }
}
  @media only screen and (min-width: 1400px) {}

.ruled-specs__list {
    border-top: 1px solid rgba(0,0,0, 0.05);;
    list-style-type: none;
  }

  .ruled-specs__item {
    padding: 7.5px 0;
    border-bottom: 1px solid rgba(0,0,0, 0.05);
  }

  .ruled-specs__container {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .ruled-specs__icon, .ruled-specs__title, .ruled-specs__subtitle {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }

  .ruled-specs__icon {
    width: 50px;
  }

  .ruled-specs__icon-background {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    opacity: 0.5;
    background-color: #f6f6f6;
    padding: 10px;
  }

  .ruled-specs__title {
    width: 100px;
  }

  [data-theme="carillon"] .ruled-specs__title, [data-theme="carillon"] .ruled-specs__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .ruled-specs__title, [data-theme="waldhaus"] .ruled-specs__subtitle {
      color: #676767;
    }

.share__frame {
  }

  .share__container {
  }

  .share__flipper {
    cursor: pointer;
    text-align: center;
    width: 100%;
    width: 100px;
    display: inline-block;
    height: 40px;
  }

  [data-theme="carillon"] .share__flipper {
      color: #676767;
    }

  [data-theme="waldhaus"] .share__flipper {
      color: #676767;
    }

  .share--gallery-lightbox .share__flipper {
      height: 60px;
    }

  .share__flipper__track {
    will-change: transform;
    transform-property: transform;
    transition-duration: 600ms;
    transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  }

  .is-active .share__flipper__track {
      transform: translateY(-50%);
    }

  .share__flipper__block {
    height: 40px;
    line-height: 40px;
  }

  .share--gallery-lightbox .share__flipper__block {
      height: 60px;
      line-height: 60px;
    }

  .share__list {
    line-height: 40px;
    list-style-type: none;
  }

  .share--gallery-lightbox .share__list {
      line-height: 60px;
    }

  .share__item {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    line-height: 2;
  }

  .share__action {
    line-height: 1;
    width: 20px;
    height: 20px;
    display: block;
    color: currentColor;
  }

.share-block__frame {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
  }

    @media only screen and (min-width: 1024px) {.share-block__frame {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 40px
  }
}

    @media only screen and (min-width: 1400px) {.share-block__frame {
      padding-left: 80px;
      padding-right: 80px
  }
}

    @media only screen and (min-width: 1600px) {.share-block__frame {
      padding-left: 100px;
      padding-right: 100px
  }
}

  .share-block__container {
    position: relative;
    overflow: hidden;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
  }

  @media only screen and (min-width: 1024px) {

  .share-block__container {
      text-align: right
  }
}

.skip-to-main-content-link  {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 20px;
  color: #1a1a1a;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(26,26,26, 0.1);
  pointer-events: none;
  left: -999px;
  z-index: -999;
}

  .skip-to-main-content-link:focus, .skip-to-main-content-link:active {
    left: 0;
    display: block;
    z-index: 110;
  }

  .skip-to-main-content-link__title {
  }

.social-icons__frame {}

  .social-icons__container {}

  .social-icons__list {
    line-height: 1;
    list-style-type: none;
  }

  .social-icons__item {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    line-height: 2;
  }

  .social-icons__action {
    line-height: 1;
    width: 20px;
    height: 20px;
    display: block;
    color: currentColor;
  }
.utility-text-block__wysiwyg:not(:last-child) {
      padding-bottom: 20px;
    }

      @media only screen and (min-width: 768px) {.utility-text-block__wysiwyg:not(:last-child) {
        padding-bottom: 40px
    }
}

.utility-card  {
  position: relative;
}

  .utility-card__frame {}

  .utility-card__container {}

  .utility-card__media {
    position: relative;
    padding-bottom: 66.66666666666666%;
    overflow: hidden;
    height: 0;
  }

  @media only screen and (min-width: 768px)  {

  .utility-card__media {
      margin-bottom: 30px
  }
}

  .utility-card__link {
    display: block;
  }

  .utility-card__content {
    padding: 30px 25px;
  }

  @media only screen and (min-width: 768px)  {

  .utility-card__content {
      padding: 0
  }
}

  .utility-card__title {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .utility-card__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .utility-card__title {
      color: #676767;
    }

  .utility-card__body {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .utility-card__body {
      color: #676767;
    }

  [data-theme="waldhaus"] .utility-card__body {
      color: #676767;
    }

  [data-theme="carillon"] .utility-card__cta {
      color: #484f62;
    }

  [data-theme="waldhaus"] .utility-card__cta {
      color: #776d3c;
    }

.utility-grid  {
  background-color: #fafafa;
  min-height: 100vh;
}

  @media only screen and (min-width: 768px)  {

  .utility-grid__frame {
      padding: 40px
  }
}

  @media only screen and (min-width: 1024px)  {

  .utility-grid__frame {
      padding: 40px
  }
}

  @media only screen and (min-width: 1400px)  {

  .utility-grid__frame {
      padding: 80px
  }
}

  @media only screen and (min-width: 1600px)  {

  .utility-grid__frame {
      padding: 100px
  }
}

  .utility-grid__container {
    margin: 0 auto;
    text-align: center;
  }

  @media only screen and (min-width: 1800px)  {

  .utility-grid__container {
      max-width: 1600px
  }
}

  .utility-grid__headline {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    padding: 40px 25px;
  }

  @media only screen and (min-width: 768px)  {

  .utility-grid__headline {
      padding: 0 40px 40px 40px
  }
}

  @media only screen and (min-width: 1400px)  {

  .utility-grid__headline {
      padding-bottom: 80px
  }
}

  .utility-grid__title {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .utility-grid__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .utility-grid__title {
      color: #676767;
    }

  .utility-grid__subtitle {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .utility-grid__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .utility-grid__subtitle {
      color: #676767;
    }

  .utility-grid__cards {
    text-align: left;
  }

  @media only screen and (min-width: 768px)  {

  .utility-grid__cards {
      font-size: 0;
      margin-left: -20px;
      margin-right: -20px
  }
}

  @media only screen and (min-width: 1400px)  {

  .utility-grid__cards {
      margin-left: -40px;
      margin-right: -40px
  }
}

  @media only screen and (min-width: 1600px)  {

  .utility-grid__cards {
      margin-left: -50px;
      margin-right: -50px
  }
}

  @media only screen and (min-width: 768px)  {

  .utility-grid__card {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px;
      display: inline-block;
      vertical-align: top;
      width: 50%
  }
}

  @media only screen and (min-width: 1400px)  {

  .utility-grid__card {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 1600px)  {

  .utility-grid__card {
      padding-left: 50px;
      padding-right: 50px;
      padding-bottom: 50px
  }
}

.utility-panel-block  {
  position: relative;
}

  @media only screen and (min-width: 1024px)  {.utility-panel-block  {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
}

  .utility-panel-block__container {
    position: relative;
    padding-bottom: 80%;
  }

  @media only screen and (min-width: 480px)  {

  .utility-panel-block__container {
      padding-bottom: 66.66666666666666%
  }
}

  @media only screen and (min-width: 768px)  {

  .utility-panel-block__container {
      padding-bottom: 50%
  }
}

  @media only screen and (min-width: 1024px)  {

  .utility-panel-block__container {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 0
  }
}

  .utility-panel-block__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .utility-panel-block__background__media, .utility-panel-block__background__google-map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .utility-panel-block__foreground {
    position: relative;
    min-height: 360px;
    height: auto;
    display: flex;
    width: 100%;
  }

  @media only screen and (min-width: 1024px)  {

  .utility-panel-block__foreground {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0
  }
}

  .utility-panel-block__foreground__frame {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;

    flex-direction: column;
    height: 100%;
    width: 100%;
  }

  @media only screen and (min-width: 768px)  {

  .utility-panel-block__foreground__frame {
      padding: 100px 25px 60px 25px;
      justify-content: flex-end;
      align-items: center
  }
}

  .utility-panel-block__foreground__title {
    padding-bottom: 20px;
    text-align: center;
    color: #ffffff;
  }

  .utility-panel-block__foreground__cta {
    display: block;
    width: 100%;
    text-align: center;
  }

.wysiwyg__body a {
      text-decoration: underline;
    }

    .wysiwyg__body ul {
      padding-left: 1.5em;
    }

    [data-theme="carillon"] .wysiwyg__body {
      color: #676767;
    }

    [data-theme="waldhaus"] .wysiwyg__body {
      color: #676767;
    }

@media only screen and (min-width: 768px) {.experiences-grid__frame {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 50px
  }
}
    @media only screen and (min-width: 1400px) {.experiences-grid__frame {
      padding-left: 80px;
      padding-right: 80px;
      padding-bottom: 80px
  }
}
    @media only screen and (min-width: 1600px) {.experiences-grid__frame {
      padding-left: 100px;
      padding-right: 100px;
      padding-bottom: 100px
  }
}

  .experiences-grid__container {
    margin: 0 auto;
    text-align: center;
  }

  @media only screen and (min-width: 1800px) {

  .experiences-grid__container {
      max-width: 1600px
  }
}

  .experiences-grid__headline {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    padding: 40px 25px;
  }

  @media only screen and (min-width: 768px) {

  .experiences-grid__headline {
      padding: 0 40px 40px 40px
  }
}

  @media only screen and (min-width: 1400px) {

  .experiences-grid__headline {
      padding-bottom: 80px
  }
}

  .experiences-grid__title:not(:last-child) {
      padding-bottom: 20px;
    }

  [data-theme="carillon"] .experiences-grid__title {
      color: #484f62;
    }

  [data-theme="waldhaus"] .experiences-grid__title {
      color: #776d3c;
    }

  .experiences-grid__subtitle:not(:last-child) {
      padding-bottom: 20px;
    }

  [data-theme="carillon"] .experiences-grid__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .experiences-grid__subtitle {
      color: #676767;
    }

  [data-theme="carillon"] .experiences-grid__body {
      color: #676767;
    }

  [data-theme="waldhaus"] .experiences-grid__body {
      color: #676767;
    }

  .experiences-grid__filters--select {
      display: block;
      text-align: center;
      line-height:1;
      padding-bottom: 40px;
    }

  @media only screen and (min-width: 1024px) {

  .experiences-grid__filters--select {
        display: none
    }
}

  .experiences-grid__filters--list {
      display: none;
    }

  @media only screen and (min-width: 1024px) {

  .experiences-grid__filters--list {
        display: block;
        padding-bottom: 20px
    }
}

  .experiences-grid__filters__select-wrapper {
    display: inline-block;
    position: relative;
    width: 320px;
    overflow: hidden;
    border: 2px solid;
    border-radius: 10px;
    vertical-align: middle;
  }

  [data-theme="carillon"] .experiences-grid__filters__select-wrapper {
      border-color: #6498AE;
      color: #676767;
    }

  [data-theme="waldhaus"] .experiences-grid__filters__select-wrapper {
      border-color: #776d3c;
      color: #676767;
    }

  .experiences-grid__filters__select-caret {
    position: absolute;
    top: 20px;
    right: 10px;
    height: 10px;
    width: 10px;
    color: currentColor;
    margin-top: -5px;
    pointer-events: none;
    line-height: 0;
  }

  .experiences-grid__filters__select {
    cursor: pointer;
    color: currentColor;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    border: none;
    width: 125%;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    padding: 0 10px;
  }

  .experiences-grid__filters__list {
    list-style-type: none;
    text-align: center;
    border-top: 1px solid;
    border-color: #f6f6f6;
    padding-top: 20px;
  }

  .experiences-grid__filters__item {
    display: inline-block;
  }

  .experiences-grid__filters__navigation__action {
    display: block;
    padding: 17px 10px;
    color: #ffffff;
    line-height: 2;
  }

  [data-theme="carillon"] .experiences-grid__filters__navigation__action.is-active {
        color: #484f62;
      }

  [data-theme="waldhaus"] .experiences-grid__filters__navigation__action.is-active {
        color: #776d3c;
      }

  [data-theme="carillon"] .experiences-grid__filters__navigation__action {
      color: #676767;
    }

  [data-theme="waldhaus"] .experiences-grid__filters__navigation__action {
      color: #676767;
    }

  .experiences-grid__filters__action__title {}

  .experiences-grid__content {
    opacity: 1;
    will-change: opacity;
    transition-property: opacity;
    transition-duration: 800ms;
    transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  }

  .is-loading .experiences-grid__content {
      transition-duration: 200ms;
      opacity: 0.25;
    }

  .experiences-grid__cards {
    text-align: left;
  }

  @media only screen and (min-width: 768px) {

  .experiences-grid__cards {
      font-size: 0;
      margin-left: -20px;
      margin-right: -20px
  }
}

  @media only screen and (min-width: 768px) {

  .experiences-grid__card {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px;
      display: inline-block;
      vertical-align: top;
      width: 50%
  }
}

  @media only screen and (min-width: 1024px) {
      .experiences-grid__card--portrait {
        width: 33.33%;
      }
}

  .experiences-grid__no-results {
    padding: 40px;
  }

  [data-theme="carillon"] .experiences-grid__no-results__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .experiences-grid__no-results__title {
      color: #676767;
    }

.experience-card  {
  position: relative;
  text-align: left;
}

  .experience-card__frame {
    display: block;
  }

  @media only screen and (max-width: 767px)  {

  .experience-card__frame {
      padding-bottom: 10px
  }
}

  .experience-card__container {
    padding-bottom: 64.70588235294117%;
    position: relative;
    overflow: hidden;
  }

  @media only screen and (min-width: 1024px)  {

  .experience-card--portrait .experience-card__container {
        padding-bottom: 125%
    }
}

  .experience-card--portrait-fixed .experience-card__container {
      padding-bottom: 125%;
    }

  .experience-card__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .experience-card__background__media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .experience-card__gradient {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(transparent 0%, transparent 50%, rgba(26,26,26, 0.5) 75%, rgba(26,26,26, 0.5) 100%);
  }

  .experience-card__foreground {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .experience-card__foreground__frame {
    padding: 20px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: flex-end;
  }

  @media only screen and (min-width: 768px)  {

  .experience-card__foreground__frame {
      justify-content: flex-start
  }
}

  .experience-card__foreground__title {
    color: #ffffff;
    margin-right: 5px;
    text-align: center;
  }

  @media only screen and (min-width: 768px)  {

  .experience-card__foreground__title {
      text-align: left
  }
}

  .experience-card__foreground__title, .experience-card__foreground__icon {
    display: inline-block;
    vertical-align: middle;
  }

  .experience-card__foreground__icon {
    width: 20px;
    opacity: 0;
    line-height: 0;
    will-change: opacity;
    transition-property: opacity;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    position: relative;
    top: -1px;
    display: none;
  }

  @media only screen and (min-width: 768px)  {

  .experience-card__foreground__icon {
      display: inline-block
  }
}

  [data-theme="carillon"] .experience-card__foreground__icon {
      color: #484f62;
    }

  [data-theme="waldhaus"] .experience-card__foreground__icon {
      color: #776d3c;
    }
.is-touch-device .experience-card__foreground__icon {
    display: none;
  }
.not-touch-device .experience-card:hover .experience-card__foreground__icon {
        opacity: 1;
      }

.experiences-slider  {
  text-align: left;
  white-space: nowrap;
}
  .experiences-slider:focus {
    box-shadow: 0 0 22px #6498AE;
  }
  @media only screen and (min-width: 768px)  {.experiences-slider  {
    font-size: 0;
    margin-left: -20px;
    margin-right: -20px
}
}
  .experiences-slider .flickity-viewport {
    /* Note that overflow: hidden is not used because of siteimproves ADA requirements */
    overflow: auto;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .experiences-slider .flickity-viewport::-webkit-scrollbar  {
  display: none;
}
  .experiences-slider__card {
    width: 300px;
    margin: 0 10px;
    display: inline-block;
    white-space: normal;
  }
  @media only screen and (min-width: 480px)  {
  .experiences-slider__card {
      width: 320px
  }
}
  @media only screen and (min-width: 768px)  {
  .experiences-slider__card {
      margin: 0 20px;
      width: 400px
  }
}

.experiences-carousel__frame {
    padding-bottom: 50px;
  }

    @media only screen and (min-width: 1400px) {.experiences-carousel__frame {
      padding-bottom: 80px
  }
}

    @media only screen and (min-width: 1600px) {.experiences-carousel__frame {
      padding-bottom: 100px
  }
}

  .experiences-carousel__container {
    margin: 0 auto;
    text-align: center;
  }

  .experiences-carousel__header {
    margin-bottom: 20px;
    position: relative;
  }

  @media only screen and (min-width: 1024px) {

  .experiences-carousel__header {
      padding-top: 40px;
      padding-bottom: 40px;
      margin-bottom: 40px
  }
}

  .experiences-carousel__header-background {
    display: none;
    background-color: #f6f6f6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  @media only screen and (min-width: 1024px) {

  .experiences-carousel__header-background {
      display: block
  }
}

  .experiences-carousel__header-background-blend {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.45);
  }

  .experiences-carousel__header-foreground {
    position: relative;
  }

  .experiences-carousel__headline {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    padding: 40px 25px;
  }

  @media only screen and (min-width: 768px) {

  .experiences-carousel__headline {
      padding: 40px
  }
}

  [data-theme="carillon"] .experiences-carousel__title {
      color: #676767;
    }

  @media only screen and (min-width: 1024px) {

  [data-theme="carillon"] .experiences-carousel__title {
        color: #ffffff
    }
}

  [data-theme="waldhaus"] .experiences-carousel__title {
      color: #676767;
    }

  @media only screen and (min-width: 1024px) {

  [data-theme="waldhaus"] .experiences-carousel__title {
        color: #ffffff
    }
}

  .experiences-carousel__filters--select {
      display: block;
      text-align: center;
      line-height:1;
      padding-bottom: 40px;
    }

  @media only screen and (min-width: 1024px) {

  .experiences-carousel__filters--select {
        display: none
    }
}

  .experiences-carousel__filters--list {
      display: none;
    }

  @media only screen and (min-width: 1024px) {

  .experiences-carousel__filters--list {
        display: block;
        padding-bottom: 20px
    }
}

  .experiences-carousel__filters__select-wrapper {
    display: inline-block;
    position: relative;
    width: 320px;
    overflow: hidden;
    border: 2px solid;
    border-radius: 10px;
    vertical-align: middle;
  }

  [data-theme="carillon"] .experiences-carousel__filters__select-wrapper {
      border-color: #6498AE;
      color: #676767;
    }

  [data-theme="waldhaus"] .experiences-carousel__filters__select-wrapper {
      border-color: #776d3c;
      color: #676767;
    }

  .experiences-carousel__filters__select-caret {
    position: absolute;
    top: 20px;
    right: 10px;
    height: 10px;
    width: 10px;
    color: currentColor;
    margin-top: -5px;
    pointer-events: none;
    line-height: 0;
  }

  .experiences-carousel__filters__select {
    cursor: pointer;
    color: currentColor;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    border: none;
    width: 125%;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    padding: 0 10px;
  }

  .experiences-carousel__filters__list {
    list-style-type: none;
    text-align: center;
    padding-top: 20px;
  }

  .experiences-carousel__filters__item {
    display: inline-block;
  }

  .experiences-carousel__filters__navigation__action {
    display: block;
    padding: 17px 10px;
    color: #ffffff;
    line-height: 2;
  }

  [data-theme="carillon"] .experiences-carousel__filters__navigation__action.is-active {
        color: #484f62;
      }

  @media only screen and (min-width: 1024px) {

  [data-theme="carillon"] .experiences-carousel__filters__navigation__action.is-active {
          color: #ffffff
      }
}

  [data-theme="waldhaus"] .experiences-carousel__filters__navigation__action.is-active {
        color: #776d3c;
      }

  @media only screen and (min-width: 1024px) {

  [data-theme="waldhaus"] .experiences-carousel__filters__navigation__action.is-active {
          color: #ffffff
      }
}

  [data-theme="carillon"] .experiences-carousel__filters__navigation__action {
      color: #676767;
    }

  @media only screen and (min-width: 1024px) {

  [data-theme="carillon"] .experiences-carousel__filters__navigation__action {
        color: #ffffff
    }
}

  [data-theme="waldhaus"] .experiences-carousel__filters__navigation__action {
      color: #676767;
    }

  @media only screen and (min-width: 1024px) {

  [data-theme="waldhaus"] .experiences-carousel__filters__navigation__action {
        color: #ffffff
    }
}

  .experiences-carousel__filters__action__title {}

  .experiences-carousel__content {
    opacity: 1;
    will-change: opacity;
    transition-property: opacity;
    transition-duration: 800ms;
    transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  }

  .experiences-carousel__content.is-loading {
      transition-duration: 200ms;
      opacity: 0.25;
    }

  .experiences-carousel__cards {
    text-align: left;
    white-space: nowrap;
  }

  @media only screen and (min-width: 768px) {

  .experiences-carousel__cards {
      font-size: 0;
      margin-left: -20px;
      margin-right: -20px
  }
}

  .experiences-carousel__card {
    width: 300px;
    margin: 0 10px;
    display: inline-block;
    white-space: normal;
  }

  @media only screen and (min-width: 480px) {

  .experiences-carousel__card {
      width: 320px
  }
}

  @media only screen and (min-width: 768px) {

  .experiences-carousel__card {
      margin: 0 20px;
      width: 400px
  }
}

  .experiences-carousel__no-results {
    padding: 40px;
  }

  [data-theme="carillon"] .experiences-carousel__no-results__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .experiences-carousel__no-results__title {
      color: #676767;
    }

.two-column-menu-text-block {
  background-color: #fafafa;
}

  .two-column-menu-text-block:not(.two-column-menu-text-block--has-extended-keyline) {
    margin-bottom: 40px;
  }

  @media only screen and (min-width: 1400px) {

  .two-column-menu-text-block:not(.two-column-menu-text-block--has-extended-keyline) {
      margin-bottom: 80px
  }
}

  @media only screen and (min-width: 1600px) {

  .two-column-menu-text-block:not(.two-column-menu-text-block--has-extended-keyline) {
      margin-bottom: 100px
  }
}

  @media only screen and (min-width: 1024px) {

  .two-column-menu-text-block--has-extended-keyline {
      margin-top: 40px;
      margin-bottom: 40px
  }

        .two-column-menu-text-block--has-extended-keyline .two-column-menu-text-block__columns:after {
          height: calc(100% + 160px);
          top: -80px;
        }
}

  @media only screen and (min-width: 1400px) {

  .two-column-menu-text-block--has-extended-keyline {
      margin-top: 80px;
      margin-bottom: 80px
  }

        .two-column-menu-text-block--has-extended-keyline .two-column-menu-text-block__columns:after {
          height: calc(100% + 320px);
          top: -160px;
        }
}

  @media only screen and (min-width: 1600px) {

  .two-column-menu-text-block--has-extended-keyline {
      margin-top: 100px;
      margin-bottom: 100px
  }

        .two-column-menu-text-block--has-extended-keyline .two-column-menu-text-block__columns:after {
          height: calc(100% + 400px);
          top: -200px;
        }
}

  @media only screen and (min-width: 1024px) {

  .two-column-menu-text-block__frame {
      padding: 40px
  }
}

  @media only screen and (min-width: 1400px) {

  .two-column-menu-text-block__frame {
      padding: 80px
  }
}

  @media only screen and (min-width: 1600px) {

  .two-column-menu-text-block__frame {
      padding: 100px
  }
}

  .two-column-menu-text-block__container {
    max-width: 1400px;
    margin: 0 auto;
  }

  @media only screen and (max-width: 1023px) {

  .two-column-menu-text-block__headline {
      padding: 50px 25px
  }
      .two-column-menu-text-block__headline br {
        display: none;
      }
}

  @media only screen and (max-width: 1023px) {

  .two-column-menu-text-block__headline {
      border-bottom: 1px solid rgba(26,26,26, 0.1)
  }
}

  @media only screen and (min-width: 768px) {

  .two-column-menu-text-block__headline {
      text-align: center;
      padding-bottom: 50px
  }
}

  @media only screen and (min-width: 1024px) {

  .two-column-menu-text-block__headline {
      text-align: center;
      padding-bottom: 80px
  }
}

  @media only screen and (min-width: 1400px) {

  .two-column-menu-text-block__headline {
      padding-bottom: 100px
  }
}

  .two-column-menu-text-block__title {
    padding-bottom: 20px;
  }

  @media only screen and (min-width: 1024px) {

  .two-column-menu-text-block__title {
      text-align: center
  }
}

  [data-theme="carillon"] .two-column-menu-text-block__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .two-column-menu-text-block__title {
      color: #676767;
    }

  @media only screen and (min-width: 768px) {

  .two-column-menu-text-block__subtitle {
      max-width: 680px;
      margin: 0 auto
  }
}

  [data-theme="carillon"] .two-column-menu-text-block__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .two-column-menu-text-block__subtitle {
      color: #676767;
    }

  .two-column-menu-text-block__columns {
    position: relative;
  }

  @media only screen and (max-width: 1023px) {

  .two-column-menu-text-block__columns {
      padding-top: 50px
  }
}

  @media only screen and (min-width: 1024px) {

  .two-column-menu-text-block__columns {
      display: flex;
      margin: 0 auto;
      justify-content: space-between
  }

      .two-column-menu-text-block__columns:after {
        display: block;
        content: "";
        height: 100%;
        width: 1px;
        position: absolute;
        left: 50%;
        top: 0;
        background-color: rgba(26,26,26, 0.1);
      }
}

  @media only screen and (max-width: 1023px) {

  .two-column-menu-text-block__column {
      border-bottom: 1px solid rgba(26,26,26, 0.1)
  }

      .two-column-menu-text-block__column:not(:last-child) {
        margin-bottom: 50px;
      }
}

  @media only screen and (min-width: 1024px) {

  .two-column-menu-text-block__column {
      width: calc(50% - 40px)
  }
      .two-column-menu-text-block__column:last-child {
        margin-left: auto;
      }
}

  @media only screen and (min-width: 1400px) {

  .two-column-menu-text-block__column {
      width: calc(50% - 80px)
  }
}

  @media only screen and (min-width: 1600px) {

  .two-column-menu-text-block__column {
      width: calc(50% - 100px)
  }
}

  .two-column-menu-text-block__section {
    max-width: 680px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 40px;
  }

  @media only screen and (min-width: 768px) {

  .two-column-menu-text-block__section {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 1024px) {

  .two-column-menu-text-block__section {
      padding-left: 0;
      padding-right: 40px;
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 1400px) {

  .two-column-menu-text-block__section {
      padding-right: 40px;
      padding-bottom: 80px
  }
}

.two-column-text-block__frame {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 50px;
  }

    @media only screen and (min-width: 768px) {.two-column-text-block__frame {
      padding-left: 40px;
      padding-right: 40px
  }
}

    @media only screen and (min-width: 1400px) {.two-column-text-block__frame {
      padding-left: 80px;
      padding-right: 80px;
      padding-bottom: 80px
  }
}

    @media only screen and (min-width: 1600px) {.two-column-text-block__frame {
      padding-left: 100px;
      padding-right: 100px;
      padding-bottom: 100px
  }
}

  .two-column-text-block__container {
    max-width: 1400px;
    margin: 0 auto;
  }

  .two-column-text-block__headline {
    max-width: 480px;
  }

  @media only screen and (min-width: 1024px) {

  .two-column-text-block__headline {
      margin: 0 auto
  }
}

  .two-column-text-block__title {
    padding-bottom: 20px;
  }

  @media only screen and (min-width: 1024px) {

  .two-column-text-block__title {
      text-align: center
  }
}

  [data-theme="carillon"] .two-column-text-block__title {
      color: #6498AE;
    }

  [data-theme="waldhaus"] .two-column-text-block__title {
      color: #776d3c;
    }

  .two-column-text-block__subtitle {
    padding-bottom: 20px;
  }

  @media only screen and (min-width: 1024px) {

  .two-column-text-block__subtitle {
      padding-bottom: 40px;
      text-align: center
  }
}

  [data-theme="carillon"] .two-column-text-block__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .two-column-text-block__subtitle {
      color: #676767;
    }

  @media only screen and (min-width: 1024px) {

  .two-column-text-block__columns {
      display: flex;
      max-width: 1280px;
      margin: 0 auto;
      justify-content: space-between
  }
}

  .two-column-text-block__column:not(:last-child) {
      padding-bottom: 40px;
    }

  @media only screen and (min-width: 1024px) {

  .two-column-text-block__column:not(:last-child) {
        padding-bottom: 0
    }
}

  @media only screen and (min-width: 1024px) {

  .two-column-text-block__column {
      width: 100%;
      max-width: 680px;
      width: calc(50% - 25px)
  }
}

  @media only screen and (min-width: 1024px) {

  .two-column-text-block__column {
      width: calc(50% - 40px)
  }
}

  [data-theme="carillon"] .two-column-text-block__body {
      color: #676767;
    }

  [data-theme="waldhaus"] .two-column-text-block__body {
      color: #676767;
    }

.contact-form__frame {}

  .contact-form__container {}

  .contact-form__headline {}

  .contact-form__body .map-link {
      text-decoration: none;
      border-bottom: 1px solid rgba(103,103,103, 0);
    }

  .contact-form__body .map-link:hover, .contact-form__body .map-link:active, .contact-form__body .map-link:focus {
        border-bottom-color: rgba(103,103,103, 1);
      }

  .contact-form__success {
    display: none;
  }

  .contact-form__success.show {
      display: block;
    }

  .contact-form__error {
    display: none;
  }

  .contact-form__title {
    padding-bottom: 10px;
    max-width: 800px;
  }

  [data-theme="carillon"] .contact-form__title {
      color: #6498AE;
    }

  [data-theme="waldhaus"] .contact-form__title {
      color: #776d3c;
    }

  .contact-form__subtitle {
    padding-bottom: 20px;
    max-width: 800px;
  }

  [data-theme="carillon"] .contact-form__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .contact-form__subtitle {
      color: #676767;
    }

  .contact-form__headline {
    padding-bottom: 40px;
  }

  .contact-form__form.hide {
      display: none;
    }

  .contact-form__section-title {
    padding: 20px 0 10px 0;
    width: 100%;
  }

  [data-theme="carillon"] .contact-form__section-title {
      color: #676767;
    }

  [data-theme="waldhaus"] .contact-form__section-title {
      color: #676767;
    }

  @media only screen and (min-width: 1024px) {

  .contact-form__fields {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
  }
}

  .contact-form__text-field {
    padding-bottom: 10px;
    width: 100%;
  }

  @media only screen and (min-width: 1024px) {

  .contact-form__text-field {
      width: calc(50% - 10px)
  }
}

  @media only screen and (min-width: 1400px) {

  .contact-form__text-field {
      width: calc(50% - 20px)
  }
}

  .contact-form__select-field {
    padding-bottom: 10px;
    width: 100%;
  }

  @media only screen and (min-width: 1024px) {

  .contact-form__select-field {
      width: calc(50% - 10px)
  }
}

  @media only screen and (min-width: 1400px) {

  .contact-form__select-field {
      width: calc(50% - 20px)
  }
}

  .contact-form__date-field {
    padding-bottom: 10px;
    width: 100%;
  }

  @media only screen and (min-width: 1024px) {

  .contact-form__date-field {
      width: calc(50% - 10px)
  }
}

  @media only screen and (min-width: 1400px) {

  .contact-form__date-field {
      width: calc(50% - 20px)
  }
}

  .contact-form__selection-field {
    padding-bottom: 10px;
    width: 100%;
  }

  .contact-form__comment-field {
    padding-bottom: 10px;
    width: 100%;
  }

  .contact-form__checkbox-field {
    padding-bottom: 10px;
    width: 100%;
  }

  .contact-form__field-container {}

  .contact-form__field-error {}

  .contact-form__field-label {
    padding-bottom: 5px;
  }

  [data-theme="carillon"] .contact-form__field-label {
      color: #676767;
    }

  [data-theme="waldhaus"] .contact-form__field-label {
      color: #676767;
    }

  .contact-form__field-label a {
      text-decoration: underline;
    }

  [data-theme="carillon"] .contact-form__field-inline-label {
      color: #676767;
    }

  [data-theme="waldhaus"] .contact-form__field-inline-label {
      color: #676767;
    }

  .contact-form__action .contact-form__hidden-field {
       visibility: hidden;
       height: 0;
       width: 0;
     }
.grecaptcha-badge {
  bottom: 80px !important;
  z-index: 91;
}

.flatpickr  {
  position: relative;
}

  .flatpickr-calendar {
    width: 100% !important;
    max-width: 320px;
    overflow: hidden;
    display: inline-block;
    top: 0;
    position: absolute;
    background-color: #ffffff;
    box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0,0,0,0.08);
    border-radius: 10px;
  }

  @media only screen and (min-width: 1024px)  {

  .flatpickr-calendar {
      max-width: 400px
  }
}

  @media only screen and (min-width: 1024px)  {

  .flatpickr-calendar.multiMonth {
        max-width: 800px;
        height: 100%
    }
}

  @media only screen and (min-width: 1024px)  {
        .flatpickr-calendar.multiMonth:after {
          content: "";
          display: block;
          width: 1px;
          height: 100%;
          background-color: rgba(0,0,0, 0.1);
          position: absolute;
          left: calc(50% - 1px);
          margin: 0;
          border: none !important;
          top: 0;
        }
}

  .flatpickr-calendar .dayContainer {
      padding-top: 2px;
      width: 100%;
    }

  @media only screen and (min-width: 1024px)  {

  .flatpickr-calendar .dayContainer {
        padding-left: 20px;
        padding-right: 20px
    }
}

  @media only screen and (min-width: 1024px)  {

  .flatpickr-weekdaycontainer {
        padding-left: 20px;
        padding-right: 20px
  }
}

  .flatpickr-months {
    white-space: nowrap;
    width: 100%;
    display: block;
  }

  @media only screen and (min-width: 1024px)  {

  .flatpickr-months {
      display: flex
  }
}

  .flatpickr-month {
    padding: 20px;
    height: auto;
    display: inline-block;
    width: 100%;
  }

  @media only screen and (min-width: 1024px)  {

  .flatpickr-month {
      width: auto
  }
}

  .flatpickr-next-month, .flatpickr-prev-month {
    line-height: 0;
    top: 0;
    width: 60px;
    height: 60px;
    padding: 20px;
    position: absolute;
    top: 0;
  }

  [data-theme="carillon"] .flatpickr-next-month, [data-theme="carillon"] .flatpickr-prev-month {
      color: #676767;
    }

  [data-theme="carillon"] .flatpickr-next-month svg, [data-theme="carillon"] .flatpickr-prev-month svg {
        fill: #676767;
      }

  [data-theme="waldhaus"] .flatpickr-next-month, [data-theme="waldhaus"] .flatpickr-prev-month {
      color: #676767;
    }

  [data-theme="waldhaus"] .flatpickr-next-month svg, [data-theme="waldhaus"] .flatpickr-prev-month svg {
        fill: #676767;
      }

  [data-theme="carillon"] .flatpickr-next-month:hover, [data-theme="carillon"] .flatpickr-prev-month:hover {
        color: #484f62;
      }

  [data-theme="carillon"] .flatpickr-next-month:hover svg, [data-theme="carillon"] .flatpickr-prev-month:hover svg {
          fill: #484f62;
        }

  [data-theme="waldhaus"] .flatpickr-next-month:hover, [data-theme="waldhaus"] .flatpickr-prev-month:hover {
        color: #776d3c;
      }

  [data-theme="waldhaus"] .flatpickr-next-month:hover svg, [data-theme="waldhaus"] .flatpickr-prev-month:hover svg {
          fill: #776d3c;
        }

  .flatpickr-next-month svg, .flatpickr-prev-month svg {
      width: 20px;
      height: 20px;
    }

  .flatpickr-next-month {
    right: 0;
  }

  .flatpickr-prev-month {
    left: 0;
  }

  .flatpickr-current-month {
    padding: 0;
    position: relative;
    height: auto;
    width: 100%;
    left: 0;
  }

  [data-theme="carillon"] .flatpickr-current-month {
      font-family: "FreightDisp Pro Book Italic-Black", serif;
      font-size: 1.25rem;
    }

  [data-theme="waldhaus"] .flatpickr-current-month {
      font-family: "BigCaslon-Rom", serif;
      font-size: 1.0625rem;
    }

  .flatpickr-current-month .cur-month {
      margin-left: 0;
      padding-right: 10px;
      font-weight: normal;
      pointer-events: none;
    }

  .flatpickr-current-month .cur-month:hover {
        background-color: transparent;
      }

  .flatpickr-current-month .cur-year {
      padding: 0;
    }

  .flatpickr-current-month .numInputWrapper {
      width: auto;
      pointer-events: none;
      display: inline-block;
    }

  .flatpickr-current-month .numInputWrapper:hover {
        background: transparent;
      }

  .flatpickr-current-month .numInputWrapper span {
        display: none !important;
      }

  .flatpickr-weekdays {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .flatpickr-weekday {
    font-size: 0.625rem;
    letter-spacing: 0.0625em;
    font-weight: normal;
  }

  .flatpickr-days {
    width: auto !important;
    padding-bottom: 10px;
  }

  .flatpickr-day {
    border: none !important;
    border-color: transparent;
    height: 45px;
    line-height: 45px;
    width: 45px;
    flex-basis: 45px;
    border-radius: 100% !important;
    margin-bottom: 3px;
    font-weight: normal;
    font-size: 0.875rem;
  }

  @media only screen and (min-width: 1024px)  {

  .flatpickr-day {
      margin: 1px
  }
}

  .flatpickr-day:hover {
      border-color: #f6f6f6;
      background: #f6f6f6;
      background-color: #f6f6f6;
    }

  .flatpickr-day.selected.startRange, .flatpickr-day.selected.endRange, .flatpickr-day.endRange.endRange {
      border-radius: 100% !important;
    }

  .flatpickr-day .prevMonthDay, .flatpickr-day .nextMonthDay {
      border: none !important;
      border-color: transparent;
    }

  .flatpickr-day.inRange {
      box-shadow: none !important;
      background: #f6f6f6;
      background-color: #f6f6f6;
      border-radius: 100% !important;
    }

  .flatpickr-calendar.multiMonth .flatpickr-weekdaycontainer {
        width: 320px;
      }

  @media only screen and (min-width: 1024px)  {

  .flatpickr-calendar.multiMonth .flatpickr-weekdaycontainer {
          width: auto
      }
}

  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer {
          width: 320px;
        }

  @media only screen and (min-width: 1024px)  {

  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer {
            width: 100%
        }
}

  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer + .dayContainer {
            box-shadow: none;
          }
[data-theme="carillon"] .flatpickr-day.selected, [data-theme="carillon"] .flatpickr-day.startRange, [data-theme="carillon"] .flatpickr-day.endRange {
        border-color: #484f62;
        background: #484f62;
        background-color: #484f62;
        color: #ffffff;
      }
[data-theme="waldhaus"] .flatpickr-day.selected, [data-theme="waldhaus"] .flatpickr-day.startRange, [data-theme="waldhaus"] .flatpickr-day.endRange {
        border-color: #776d3c;
        background: #776d3c;
        background-color: #776d3c;
        color: #ffffff;
      }

@media only screen and (min-width: 1024px)  {.contact-form-page  {
    min-height: 100vh
}
}

  @media only screen and (min-width: 1024px)  {

  .contact-form-page__frame {
      padding: 60px 40px;
      margin-left: 320px
  }

      @media only screen and (min-width: 1600px)  {

  .contact-form-page__frame {
        margin-left: 480px
  }
}

      .contact-form-page--reverse .contact-form-page__frame {
        margin-left: auto;
        margin-right: 320px;
      }

        @media only screen and (min-width: 1600px)  {

      .contact-form-page--reverse .contact-form-page__frame {
          margin-right: 480px
      }
}
}

  @media only screen and (min-width: 1400px)  {

  .contact-form-page__frame {
      padding: 60px 80px
  }
}

  @media only screen and (min-width: 1600px)  {

  .contact-form-page__frame {
      padding: 60px 100px
  }
}

  .contact-form-page__container {
    padding: 40px 25px;
  }

  @media only screen and (min-width: 768px)  {

  .contact-form-page__container {
      padding: 40px
  }
}

  @media only screen and (min-width: 1024px)  {

  .contact-form-page__container {
      padding: 0
  }
}

  .contact-form-page__panel {
    width: 100%;
  }

  @media only screen and (min-width: 1024px)  {

  .contact-form-page__panel {
      position: fixed;
      width: 320px;
      top: 0;
      left: 0;
      height: 100%;
      background-color: #f6f6f6
  }

      @media only screen and (min-width: 1600px)  {

  .contact-form-page__panel {
        width: 480px
  }
}

      .contact-form-page--reverse .contact-form-page__panel {
        left: auto;
        right: 0;
      }
}

  .contact-form-page__body {
    max-width: 800px;
  }

  @media only screen and (min-width: 768px)  {

  .contact-form-page__body {
      padding-bottom: 40px
  }
}

.call-to-action-hero__frame {
    padding-bottom: 50px;
  }

    @media only screen and (min-width: 1024px) {.call-to-action-hero__frame {
      padding-left: 40px;
      padding-right: 40px
  }
}

    @media only screen and (min-width: 1400px) {.call-to-action-hero__frame {
      padding-left: 80px;
      padding-right: 80px;
      padding-bottom: 80px
  }
}

    @media only screen and (min-width: 1800px) {.call-to-action-hero__frame {
      padding-left: 100px;
      padding-right: 100px;
      padding-bottom: 100px
  }
}

  .call-to-action-hero__container {
    background-color: #f6f6f6;
    max-width: 1600px;
    margin: 0 auto;
  }

.call-to-action-hero-section  {
  background-color: #f6f6f6;
  overflow: hidden;
}

  .call-to-action-hero-section__container {
    position: relative;
    min-height: 360px;
    height: auto;
    display: flex;
  }

  @media only screen and (min-width: 768px)  {

  .call-to-action-hero-section__container {
      min-height: 140px
  }
}

  @media only screen and (min-width: 1024px)  {

  .call-to-action-hero-section__container {
      min-height: 200px
  }
}

  @media only screen and (min-width: 1024px)  {

  .call-to-action-hero-section__container {
      min-height: 300px
  }
}

  .call-to-action-hero-section__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .call-to-action-hero-section__background__media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .call-to-action-hero-section__blend {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .call-to-action-hero-section__foreground {
    position: relative;
    width: 100%;
  }

  .call-to-action-hero-section__foreground__frame {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    height: 100%;
    flex-direction: column;
    background-color: rgba(0,0,0, 0.65);
  }

  @media only screen and (min-width: 768px)  {

  .call-to-action-hero-section__foreground__frame {
      padding: 40px
  }
}

  .call-to-action-hero-section__title {
    color: #ffffff;
    padding-bottom: 20px;
    max-width: 480px;
    text-align: center;
    text-shadow: 1px 1px 2px #1a1a1a;
  }

  .call-to-action-hero-section__subtitle {
    color: #ffffff;
    padding-bottom: 20px;
    max-width: 480px;
    text-align: center;
  }

  .call-to-action-hero-section__body {
    color: #ffffff;
    max-width: 480px;
    text-align: center;
  }

  .call-to-action-hero-section__cta {
    color: #ffffff;
    max-width: 480px;
    padding: 20px;
  }

.disclaimer-block__frame {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 50px;
  }

    @media only screen and (min-width: 1024px) {.disclaimer-block__frame {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 40px
  }
}

    @media only screen and (min-width: 1400px) {.disclaimer-block__frame {
      padding-left: 80px;
      padding-right: 80px;
      padding-bottom: 80px
  }
}

    @media only screen and (min-width: 1800px) {.disclaimer-block__frame {
      padding-left: 100px;
      padding-right: 100px;
      padding-bottom: 100px
  }
}

  .disclaimer-block__container {
    margin: 0 auto;
  }

  @media only screen and (min-width: 1024px) {

  .disclaimer-block__container {
      text-align: center
  }
}

  @media only screen and (min-width: 1800px) {

  .disclaimer-block__container {
      max-width: 1600px
  }
}

  .disclaimer-block__body {
    display: inline-block;
    max-width: 800px;
  }

@media only screen and (min-width: 1024px)  {.wellness-category-listing  {
    min-height: 100vh
}
}

  @media only screen and (min-width: 768px)  {

  .wellness-category-listing__frame {
      padding: 40px
  }
}

  @media only screen and (min-width: 1024px)  {

  .wellness-category-listing__frame {
      padding: 60px 40px;
      margin-left: 320px
  }

      @media only screen and (min-width: 1600px)  {

  .wellness-category-listing__frame {
        margin-left: 480px
  }
}

      .wellness-category-listing--reverse .wellness-category-listing__frame {
        margin-left: auto;
        margin-right: 320px;
      }

        @media only screen and (min-width: 1600px)  {

      .wellness-category-listing--reverse .wellness-category-listing__frame {
          margin-right: 480px
      }
}
}

  @media only screen and (min-width: 1400px)  {

  .wellness-category-listing__frame {
      padding: 60px 80px
  }
}

  @media only screen and (min-width: 1600px)  {

  .wellness-category-listing__frame {
      padding: 60px 100px
  }
}

  .wellness-category-listing__container {
  }

  .wellness-category-listing__panel {
    width: 100%;
  }

  @media only screen and (min-width: 1024px)  {

  .wellness-category-listing__panel {
      position: fixed;
      width: 320px;
      top: 0;
      left: 0;
      height: 100%;
      background-color: #f6f6f6
  }

      @media only screen and (min-width: 1600px)  {

  .wellness-category-listing__panel {
        width: 480px
  }
}

      .wellness-category-listing--reverse .wellness-category-listing__panel {
        left: auto;
        right: 0;
      }
}

  .wellness-category-listing__headline {
    padding: 50px 25px;
  }

  @media only screen and (min-width: 768px)  {

  .wellness-category-listing__headline {
      padding: 0
  }
}

  @media only screen and (min-width: 1024px)  {

  .wellness-category-listing__headline {
      max-width: 1280px
  }
}

  @media only screen and (min-width: 1600px)  {

  .wellness-category-listing__headline {
      max-width: 1024px
  }
}

  .wellness-category-listing__title {
    padding-bottom: 20px;
    max-width: 800px;
  }

  [data-theme="carillon"] .wellness-category-listing__title {
      color: #484f62;
    }

  [data-theme="waldhaus"] .wellness-category-listing__title {
      color: #776d3c;
    }

  .wellness-category-listing__subtitle {
    padding-bottom: 20px;
    max-width: 800px;
  }

  @media only screen and (min-width: 1400px)  {

  .wellness-category-listing__subtitle {
      padding-bottom: 30px
  }
}

  [data-theme="carillon"] .wellness-category-listing__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .wellness-category-listing__subtitle {
      color: #676767;
    }

  @media only screen and (min-width: 768px)  {

  .wellness-category-listing__body {
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 768px)  {

  .wellness-category-listing__cards {
      font-size: 0;
      margin-left: -20px;
      margin-right: -20px
  }
}

  @media only screen and (min-width: 1400px)  {

  .wellness-category-listing__cards {
      margin-left: -40px;
      margin-right: -40px
  }
}

  @media only screen and (min-width: 1600px)  {

  .wellness-category-listing__cards {
      margin-left: -50px;
      margin-right: -50px
  }
}

  @media only screen and (min-width: 768px)  {

  .wellness-category-listing__card {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px;
      display: inline-block;
      vertical-align: top;
      width: 50%
  }
}

  @media only screen and (min-width: 1400px)  {

  .wellness-category-listing__card {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 1600px)  {

  .wellness-category-listing__card {
      padding-left: 50px;
      padding-right: 50px;
      padding-bottom: 50px
  }
}

.wellness-qa__frame {
    padding: 50px 25px;
  }

    @media only screen and (min-width: 768px) {.wellness-qa__frame {
      padding-left: 40px;
      padding-right: 40px
  }
}

    @media only screen and (min-width: 1400px) {.wellness-qa__frame {
      padding-left: 80px;
      padding-right: 80px;
      padding-bottom: 80px;
      padding-top: 80px
  }
}

    @media only screen and (min-width: 1800px) {.wellness-qa__frame {
      padding-left: 100px;
      padding-right: 100px;
      padding-bottom: 100px;
      padding-top: 100px
  }
}

  .wellness-qa__container {
    margin: 0 auto;
    text-align: center;
  }

  @media only screen and (min-width: 1800px) {

  .wellness-qa__container {
      max-width: 1600px
  }
}

  .wellness-qa__headline {
    padding-bottom: 20px;
  }

  @media only screen and (min-width: 768px) {

  .wellness-qa__headline {
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 1400px) {

  .wellness-qa__headline {
      padding-bottom: 80px
  }
}

  @media only screen and (min-width: 1800px) {

  .wellness-qa__headline {
      padding-bottom: 100px
  }
}

  [data-theme="carillon"] .wellness-qa__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .wellness-qa__title {
      color: #676767;
    }

  .wellness-qa__step, .wellness-qa__action, .wellness-qa__results, .wellness-qa__footer {
    display: none;
  }

  .wellness-qa__step.is-active, .wellness-qa__action.is-active, .wellness-qa__results.is-active, .wellness-qa__footer.is-active {
      display: block;
    }

  .wellness-qa__action {
    text-align: right;
    padding-bottom: 20px;
  }

  @media only screen and (min-width: 768px) {

  .wellness-qa__action {
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 1400px) {

  .wellness-qa__action {
      padding-bottom: 60px
  }
}

  .wellness-qa__show-results {
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
    border: none;
  }

  @media only screen and (min-width: 1024px) {

  .wellness-qa__show-results {
      border-radius: 8px;
      background-color: #ffffff;
      padding: 20px 40px;
      border: 1px solid #CCCCCC;
      text-decoration: none
  }
}

  [data-theme="carillon"] .wellness-qa__show-results {
      color: #676767;
    }

  .wellness-qa__results {
    text-align: left;
  }

  .wellness-qa__results-bubble {
    padding-bottom: 20px;
  }

  @media only screen and (min-width: 768px) {

  .wellness-qa__results-bubble {
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 1400px) {

  .wellness-qa__results-bubble {
      padding-bottom: 60px
  }
}

  .wellness-qa__result {
    padding-bottom: 20px;
  }

  @media only screen and (min-width: 768px) {

  .wellness-qa__result {
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 1400px) {

  .wellness-qa__result {
      padding-bottom: 60px
  }
}

.wellness-qa-bubble {
  max-width: 680px;
  display: flex;
}
  @media only screen and (min-width: 768px) {.wellness-qa-bubble {
    display: block
}
}
  .wellness-qa-bubble__icon {
    display: inline-block;
    vertical-align: top;
    border-radius: 100%;
    position: relative;
    margin-right: 10px;
    width: 40px;
    height: 40px;
  }
  @media only screen and (min-width: 768px) {
  .wellness-qa-bubble__icon {
      width: 80px;
      height: 80px
  }
}
  .wellness-qa-bubble__container {
    max-width: 680px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    background-color: #ffffff;
    width: calc(100% - 50px);
  }
  @media only screen and (min-width: 768px) {
  .wellness-qa-bubble__container {
      width: auto
  }
}
  .wellness-qa-bubble__content {
    padding: 20px;
  }
  [data-theme="carillon"] .wellness-qa-bubble__title {
      color: #676767;
    }
  [data-theme="carillon"] .wellness-qa-bubble__body {
      color: #484f62;
    }

.wellness-qa-step__bubble {
    display: block;
    text-align: left;
    padding-bottom: 20px;
  }
    @media only screen and (min-width: 768px) {.wellness-qa-step__bubble {
      padding-bottom: 40px
  }
}
    @media only screen and (min-width: 1400px) {.wellness-qa-step__bubble {
      padding-bottom: 60px
  }
}

  .wellness-qa-step__options {
    display: block;
    text-align: right;
    padding-bottom: 20px;
  }

  @media only screen and (min-width: 768px) {

  .wellness-qa-step__options {
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 1400px) {

  .wellness-qa-step__options {
      padding-bottom: 60px
  }
}

  .wellness-qa-step__options--select {
      display: inline-block;
      width: 100%;
    }

  .wellness-qa-step__options--select.is-active {
        color: #ffffff;
      }

  .wellness-qa-step__options--select.is-active .input--select {
          background-color: #4698B5;
          color: #ffffff;
        }

  .wellness-qa-step__options--select.is-active .input--select-caret {
          color: #ffffff;
        }

  .wellness-qa-step__options--select .input--select {
        height: 60px;
        line-height: 60px;
      }

  .wellness-qa-step__options--select .input--select-caret {
        top: 30px;
      }

  @media only screen and (min-width: 480px) {

  .wellness-qa-step__options--select {
        max-width: 320px
    }
}

  @media only screen and (min-width: 1024px) {

  .wellness-qa-step__options--select {
        display: none
    }
}

  .wellness-qa-step__options--grid {
      display: none;
    }

  @media only screen and (min-width: 1024px) {

  .wellness-qa-step__options--grid {
        display: block
    }
}

  .wellness-qa-step__cards {
    text-align: left;
  }

  @media only screen and (min-width: 768px) {

  .wellness-qa-step__cards {
      margin-left: -10px;
      margin-right: -10px;
      display: flex;
      flex-wrap: wrap
  }
}

  .wellness-qa-step__card {
    width: calc(100% / 3);
  }

  @media only screen and (min-width: 768px) {

  .wellness-qa-step__card {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 20px;
      display: block;
      vertical-align: top;
      width: calc(100% / 6)
  }
}

  @media only screen and (min-width: 1400px) {

  .wellness-qa-step__card {
      width: calc(100% / 9)
  }
}

  .wellness-qa-step__option {
    border-radius: 8px;
    background-color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
    padding-bottom: 80%;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    border: 1px solid #CCCCCC;
  }

  [data-theme="carillon"] .wellness-qa-step__option {
      color: #676767;
    }

  .wellness-qa-step__option.is-active {
      background-color: #4698B5;
      color: #ffffff;
    }

  .wellness-qa-step__option-holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .wellness-qa-step__option-title {
    width: 100%;
    text-align: center;
  }

  .wellness-qa-step__skip {
    text-align: right;
    position: relative;
    top: -10px;
  }

  @media only screen and (min-width: 768px) {

  .wellness-qa-step__skip {
      top: -20px
  }
}

  .wellness-qa-step__skip-step {
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
    border: none;
  }

  @media only screen and (min-width: 1024px) {

  .wellness-qa-step__skip-step {
      border-radius: 8px;
      background-color: #ffffff;
      padding: 20px 40px;
      border: 1px solid #CCCCCC;
      text-decoration: none
  }
}

  [data-theme="carillon"] .wellness-qa-step__skip-step {
      color: #676767;
    }

  .wellness-qa-step__select-wrapper {}

.wellness-qa-result__frame {
    margin-left: -25px;
    margin-right: -25px;
  }
    @media only screen and (min-width: 768px) {.wellness-qa-result__frame {
      margin-left: 0;
      margin-right: 0
  }
}

  .wellness-qa-result__container {
  }

  .wellness-qa-result__headline {
    padding: 50px 25px;
  }

  @media only screen and (min-width: 768px) {

  .wellness-qa-result__headline {
      padding: 0
  }
}

  @media only screen and (min-width: 1024px) {

  .wellness-qa-result__headline {
      max-width: 1280px
  }
}

  @media only screen and (min-width: 1600px) {

  .wellness-qa-result__headline {
      max-width: 1024px
  }
}

  .wellness-qa-result__no-results {
    padding: 0 25px 0 25px;
  }

  @media only screen and (min-width: 768px) {

  .wellness-qa-result__no-results {
      padding: 0
  }
}

  .wellness-qa-result__title {
    padding-bottom: 20px;
    max-width: 800px;
  }

  [data-theme="carillon"] .wellness-qa-result__title {
      color: #6498AE;
    }

  [data-theme="waldhaus"] .wellness-qa-result__title {
      color: #776d3c;
    }

  .wellness-qa-result__subtitle {
    padding-bottom: 20px;
    max-width: 800px;
  }

  @media only screen and (min-width: 1400px) {

  .wellness-qa-result__subtitle {
      padding-bottom: 30px
  }
}

  [data-theme="carillon"] .wellness-qa-result__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .wellness-qa-result__subtitle {
      color: #676767;
    }

  @media only screen and (min-width: 768px) {

  .wellness-qa-result__body {
      padding-bottom: 40px
  }
}

  .wellness-qa-result__cards {
    text-align: left;
  }

  @media only screen and (min-width: 768px) {

  .wellness-qa-result__cards {
      font-size: 0;
      margin-left: -20px;
      margin-right: -20px
  }
}

  @media only screen and (min-width: 768px) {

  .wellness-qa-result__card {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px;
      display: inline-block;
      vertical-align: top;
      width: 50%
  }
}

  @media only screen and (min-width: 1400px) {

  .wellness-qa-result__card {
      width: 33.33%
  }
}

@media only screen and (min-width: 1024px)  {.grid-listing  {
    min-height: 100vh
}
}

  @media only screen and (min-width: 768px)  {

  .grid-listing__frame {
      padding: 40px
  }
}

  @media only screen and (min-width: 1024px)  {

  .grid-listing__frame {
      padding: 60px 40px;
      margin-left: 320px
  }

      @media only screen and (min-width: 1600px)  {

  .grid-listing__frame {
        margin-left: 480px
  }
}

      .grid-listing--reverse .grid-listing__frame {
        margin-left: auto;
        margin-right: 320px;
      }

        @media only screen and (min-width: 1600px)  {

      .grid-listing--reverse .grid-listing__frame {
          margin-right: 480px
      }
}
}

  @media only screen and (min-width: 1400px)  {

  .grid-listing__frame {
      padding: 60px 80px
  }
}

  @media only screen and (min-width: 1600px)  {

  .grid-listing__frame {
      padding: 60px 100px
  }
}

  .grid-listing__container {
  }

  .grid-listing__panel {
    width: 100%;
  }

  @media only screen and (min-width: 1024px)  {

  .grid-listing__panel {
      position: fixed;
      width: 320px;
      top: 0;
      left: 0;
      height: 100%;
      background-color: #f6f6f6
  }

      @media only screen and (min-width: 1600px)  {

  .grid-listing__panel {
        width: 480px
  }
}

      .grid-listing--reverse .grid-listing__panel {
        left: auto;
        right: 0;
      }
}

  .grid-listing__headline {
    padding: 50px 25px;
  }

  @media only screen and (min-width: 768px)  {

  .grid-listing__headline {
      padding: 0
  }
}

  @media only screen and (min-width: 1024px)  {

  .grid-listing__headline {
      max-width: 1280px
  }
}

  @media only screen and (min-width: 1600px)  {

  .grid-listing__headline {
      max-width: 1024px
  }
}

  .grid-listing__title {
    padding-bottom: 20px;
    max-width: 800px;
  }

  [data-theme="carillon"] .grid-listing__title {
      color: #484f62;
    }

  [data-theme="waldhaus"] .grid-listing__title {
      color: #776d3c;
    }

  .grid-listing__subtitle {
    padding-bottom: 20px;
    max-width: 800px;
  }

  @media only screen and (min-width: 1400px)  {

  .grid-listing__subtitle {
      padding-bottom: 30px
  }
}

  [data-theme="carillon"] .grid-listing__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .grid-listing__subtitle {
      color: #676767;
    }

  @media only screen and (min-width: 768px)  {

  .grid-listing__body {
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 768px)  {

  .grid-listing__cards {
      font-size: 0;
      margin-left: -20px;
      margin-right: -20px
  }
}

  @media only screen and (min-width: 1400px)  {

  .grid-listing__cards {
      margin-left: -40px;
      margin-right: -40px
  }
}

  @media only screen and (min-width: 1600px)  {

  .grid-listing__cards {
      margin-left: -50px;
      margin-right: -50px
  }
}

  @media only screen and (min-width: 768px)  {

  .grid-listing__card {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px;
      display: inline-block;
      vertical-align: top;
      width: 50%
  }
}

  @media only screen and (min-width: 1400px)  {

  .grid-listing__card {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 40px
  }
}

  @media only screen and (min-width: 1600px)  {

  .grid-listing__card {
      padding-left: 50px;
      padding-right: 50px;
      padding-bottom: 50px
  }
}

.grid-card  {
  position: relative;
}

  .grid-card__frame {}

  .grid-card__container {}

  .grid-card__media {
    position: relative;
    padding-bottom: 66.66666666666666%;
    overflow: hidden;
    height: 0;
  }

  @media only screen and (min-width: 768px)  {

  .grid-card__media {
      margin-bottom: 30px
  }
}

  .grid-card__content {
    padding: 30px 25px;
  }

  @media only screen and (min-width: 768px)  {

  .grid-card__content {
      padding: 0
  }
}

  .grid-card__title {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .grid-card__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .grid-card__title {
      color: #676767;
    }

  .grid-card__body {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .grid-card__body {
      color: #676767;
    }

  [data-theme="waldhaus"] .grid-card__body {
      color: #676767;
    }

  .grid-card__cta:not(:last-child) {
      padding-bottom: 20px;
    }

  [data-theme="carillon"] .grid-card__detail-cta {
      color: #676767;
    }

  [data-theme="waldhaus"] .grid-card__detail-cta {
      color: #676767;
    }

@media only screen and (min-width: 768px) {.offers-grid__frame {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 50px
  }
}
    @media only screen and (min-width: 1400px) {.offers-grid__frame {
      padding-left: 80px;
      padding-right: 80px;
      padding-bottom: 80px
  }
}
    @media only screen and (min-width: 1600px) {.offers-grid__frame {
      padding-left: 100px;
      padding-right: 100px;
      padding-bottom: 100px
  }
}

  .offers-grid__container {
    margin: 0 auto;
    text-align: center;
  }

  @media only screen and (min-width: 1800px) {

  .offers-grid__container {
      max-width: 1600px
  }
}

  .offers-grid__headline {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    padding: 40px 25px;
  }

  @media only screen and (min-width: 768px) {

  .offers-grid__headline {
      padding: 0 40px 40px 40px
  }
}

  @media only screen and (min-width: 1400px) {

  .offers-grid__headline {
      padding-bottom: 80px
  }
}

  .offers-grid__title {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .offers-grid__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .offers-grid__title {
      color: #676767;
    }

  .offers-grid__subtitle {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .offers-grid__subtitle {
      color: #676767;
    }

  [data-theme="waldhaus"] .offers-grid__subtitle {
      color: #676767;
    }

  .offers-grid__cards {
    text-align: left;
  }

  @media only screen and (min-width: 768px) {

  .offers-grid__cards {
      font-size: 0;
      margin-left: -20px;
      margin-right: -20px
  }
}

  @media only screen and (min-width: 768px) {

  .offers-grid__card {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px;
      display: inline-block;
      vertical-align: top;
      width: 50%
  }
}

  @media only screen and (min-width: 1400px) {

  .offers-grid__card {
      width: 33.33%
  }
}

.offer-card  {
  position: relative;
}

  .offer-card__frame {}

  .offer-card__container {}

  .offer-card__media {
    position: relative;
    padding-bottom: 66.66666666666666%;
    overflow: hidden;
    height: 0;
  }

  @media only screen and (min-width: 768px)  {

  .offer-card__media {
      margin-bottom: 30px
  }
}

  .offer-card__link {
    display: block;
  }

  .offer-card__content {
    padding: 30px 25px;
  }

  @media only screen and (min-width: 768px)  {

  .offer-card__content {
      padding: 0
  }
}

  .offer-card__title {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .offer-card__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .offer-card__title {
      color: #676767;
    }

  .offer-card__body {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .offer-card__body {
      color: #676767;
    }

  [data-theme="waldhaus"] .offer-card__body {
      color: #676767;
    }

  [data-theme="carillon"] .offer-card__cta {
      color: #676767;
    }

  [data-theme="waldhaus"] .offer-card__cta {
      color: #676767;
    }

.offering-card  {
  position: relative;
}

  .offering-card__frame {}

  .offering-card__container {}

  .offering-card__media {
    position: relative;
    padding-bottom: 66.66666666666666%;
    overflow: hidden;
    height: 0;
  }

  @media only screen and (min-width: 768px)  {

  .offering-card__media {
      margin-bottom: 30px
  }
}

  .offering-card__content {
    padding: 30px 25px;
  }

  @media only screen and (min-width: 768px)  {

  .offering-card__content {
      padding: 0
  }
}

  .offering-card__title {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .offering-card__title {
      color: #676767;
    }

  [data-theme="waldhaus"] .offering-card__title {
      color: #676767;
    }

  .offering-card__body {
    padding-bottom: 20px;
  }

  [data-theme="carillon"] .offering-card__body {
      color: #676767;
    }

  [data-theme="waldhaus"] .offering-card__body {
      color: #676767;
    }

  .offering-card__cta:not(:last-child) {
      padding-bottom: 20px;
    }

  [data-theme="carillon"] .offering-card__detail-cta {
      color: #676767;
    }

  [data-theme="waldhaus"] .offering-card__detail-cta {
      color: #676767;
    }


/*# sourceMappingURL=template_wellness_qa-f67615d9.css.map*/