:root {
  --_design-variables---headings: Cinzel, sans-serif;
  --colors--heading: #464b3b;
  --fonts--paragraphs: "Instrument Sans", sans-serif;
  --colors--paragraph: #2d3225;
  --stroke: #909a7c;
  --_design-variables---paragraphs: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --colors--heading-inverted: #dce4d5;
  --colors--background: #d4ddcd;
  --colors--background-inverted: #656c57;
  --colors--paragraph-inverted: #e6ede1;
  --fonts--headings\<deleted\|variable-654399b8-f058-b2f0-bbc3-eb1b2c39a374\>: Velista;
  --fonts--labels\<deleted\|variable-6092fc53-f93b-bfa6-9b6c-e98247cb7528\>: "Instrument Sans", sans-serif;
  --_design-variables---decoration: Cinzel, sans-serif;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  font-family: var(--_design-variables---headings);
  color: var(--colors--heading);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6em;
  font-weight: 400;
  line-height: 1.3em;
}

h2 {
  font-family: var(--_design-variables---headings);
  color: var(--colors--heading);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.6em;
  font-weight: 400;
  line-height: 1.2em;
}

h3 {
  font-family: var(--_design-variables---headings);
  color: var(--colors--heading);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.3em;
}

h4 {
  font-family: var(--_design-variables---headings);
  color: var(--colors--heading);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.3em;
  font-weight: 400;
  line-height: 1.3em;
}

h5 {
  font-family: var(--_design-variables---headings);
  color: var(--colors--heading);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.3em;
}

h6 {
  font-family: var(--_design-variables---headings);
  color: var(--colors--heading);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1.3em;
}

p {
  font-family: var(--fonts--paragraphs);
  color: var(--colors--paragraph);
  margin-bottom: 10px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5em;
}

a {
  color: #516725;
  text-decoration: underline;
}

ul, ol {
  font-family: var(--fonts--paragraphs);
  color: var(--colors--paragraph);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5em;
}

img {
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 5px solid var(--stroke);
  font-family: var(--fonts--paragraphs);
  color: var(--colors--paragraph);
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.5em;
}

.body {
  background-color: #fff9f0;
}

.section.hero-home {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 300vh;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.section.hero-packs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 0;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1600px;
  padding: 24px;
  display: flex;
}

.container.hero-styleguide {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 300px;
  display: flex;
}

.container.hero-home {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid var(--stroke);
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1600px;
  padding: 24px;
}

.container.aboutbellarn {
  width: 100%;
  max-width: 1600px;
  margin-bottom: 69px;
  padding: 48px 24px 50px;
}

.container.destinations {
  border-top: 1px solid var(--stroke);
}

.container.snaps-hotel {
  align-items: center;
  padding-top: 72px;
}

.container.reviews {
  padding-top: 72px;
  padding-bottom: 0;
}

.container.hero-contact {
  align-items: center;
  min-height: 500px;
  padding-top: 48px;
  padding-bottom: 24px;
}

.container.imagefooter-holder {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.container.social-media {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.container.socialmedia-contact {
  border-top: 1px solid var(--stroke);
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 24px;
  padding-left: 0;
  padding-right: 0;
}

.container.hero-about {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
}

.container.story {
  flex-flow: row;
  align-items: stretch;
}

.container.hero-wellness {
  height: 650px;
}

.container.spaces {
  min-height: auto;
}

.container.hero-retreat {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 0;
  padding-top: 24px;
}

.container.program-details {
  border-top: 1px solid var(--stroke);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 24px;
  padding-bottom: 24px;
}

.container.other-destinations {
  padding-bottom: 0;
}

.container.packs-bellarn {
  width: 100%;
  max-width: 1600px;
  padding: 48px 24px;
}

.container.hero-changelog {
  height: auto;
  min-height: 700px;
  padding-top: 64px;
}

.paragraph {
  font-family: var(--_design-variables---paragraphs);
  color: var(--colors--paragraph);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5em;
}

.paragraph.inverted {
  color: #fff;
}

.paragraph._700maxwidth {
  max-width: 700px;
}

.paragraph._400maxwidth {
  flex: 0 auto;
  max-width: 400px;
  padding-left: 23px;
  display: none;
}

.paragraph._400maxwidth.center-aligned {
  color: var(--colors--heading-inverted);
  text-align: center;
}

.paragraph._500pxwidth {
  max-width: 500px;
}

.paragraph._500pxwidth.center-aligned, .paragraph.center {
  text-align: center;
}

.paragraph.fadein {
  padding-left: 21px;
}

.paragraph.fadein.center-aligned {
  font-family: var(--_design-variables---paragraphs);
}

.wrapper-colors {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  min-height: 200px;
  display: flex;
}

.grid-colors {
  grid-template-columns: 1fr 1fr 1fr;
}

.card-color {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #d4ddcd;
  border: 1px solid #767d68;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-height: 200px;
  padding: 24px;
  display: flex;
}

.card-color.bg-color {
  background-color: var(--colors--background);
}

.card-color.bg-color-inverted {
  background-color: var(--colors--background-inverted);
}

.card-color.heading-color {
  background-color: var(--colors--heading);
}

.card-color.heading-color-inverted {
  background-color: var(--colors--heading-inverted);
}

.card-color.paragraph-color {
  background-color: var(--colors--paragraph);
}

.card-color.paragraph-color-inverted {
  background-color: var(--colors--paragraph-inverted);
}

.wrapper-richtext, .wrapper-fonts {
  width: 100%;
}

.wrapper-block {
  font-family: var(--fonts--headings\<deleted\|variable-654399b8-f058-b2f0-bbc3-eb1b2c39a374\>);
  font-size: 2em;
  line-height: 1.2em;
}

.wrapper-block-styleguide {
  font-family: var(--fonts--paragraphs);
  font-weight: 500;
}

.block-label {
  font-family: var(--fonts--labels\<deleted\|variable-6092fc53-f93b-bfa6-9b6c-e98247cb7528\>);
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.6em;
}

.heading-2.inverted {
  color: var(--colors--paragraph-inverted);
}

.heading-2.inverted.center-aligned {
  text-align: center;
  font-family: Cinzel, sans-serif;
}

.heading-2.title-pack {
  font-family: var(--_design-variables---headings);
  text-transform: uppercase;
  font-size: 3.6em;
}

.heading-2.fadein {
  font-family: var(--_design-variables---headings);
  text-transform: uppercase;
}

.frame {
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  max-width: none;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.navigation {
  z-index: 2000;
  border-bottom: 1px solid var(--stroke);
  mix-blend-mode: normal;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 8px 72px;
  display: flex;
  position: sticky;
  top: 0;
}

.block-link-logo {
  width: 120px;
  height: 100%;
}

.block-link-logo.w--current {
  z-index: 10000;
  mix-blend-mode: normal;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 48px;
  display: flex;
  position: relative;
}

.logo-bellarn {
  flex: none;
  width: 120px;
  height: 40px;
  padding-bottom: 0;
}

.scroll-frame {
  height: 300vh;
  position: relative;
}

.scroll-frame.tablet-mobile {
  display: none;
}

.scroll-frame.deskto {
  background-color: #fff9f0;
}

.navigation-sticky {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--stroke);
  background-color: var(--colors--background);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 8px 72px;
  display: flex;
  position: sticky;
  top: 0;
}

.navigation-link-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  width: 360px;
  height: 100%;
  margin-right: 0;
  display: flex;
}

.navigation-link-wrapper.right-align {
  justify-content: center;
  align-items: center;
  width: 340px;
}

.navigation-link-wrapper.right-align.mobile-version {
  display: none;
}

.navigation-link-wrapper.right-align.aligned-left {
  justify-content: flex-start;
  align-items: center;
}

.navigation-link-wrapper.logotype-wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 180px;
}

.linkblock-nav {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.linkblock-nav.small {
  width: 84px;
}

.burger-mobile {
  display: none;
}

.content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-wrapper.introduction-info {
  flex-flow: row;
  justify-content: space-between;
}

.content-wrapper.aboutbellarn {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
}

.content-wrapper.packs-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.content-wrapper.destinations {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.content-wrapper.snaps-hotel {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
}

.content-wrapper.reviews {
  justify-content: center;
  align-items: center;
  height: 500px;
  max-height: 600px;
}

.content-wrapper.hero-contact {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 48px;
}

.content-wrapper.hero-about {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 24px;
}

.content-wrapper.spaces {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
}

.content-wrapper.program {
  width: 50%;
  padding-top: 24px;
  padding-right: 48px;
}

.content-wrapper.imageprogram {
  width: 50%;
}

.content-wrapper.program-details {
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding-top: 48px;
}

.content-wrapper.hero-home {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
}

.button {
  background-color: var(--colors--background);
  font-family: var(--fonts--paragraphs);
  color: var(--colors--heading);
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.button:hover {
  background-color: #c6d1bd;
}

.button.fadein {
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
}

.button.fadein:hover {
  border-style: solid;
  border-width: 1px 1.4px 1.4px 1px;
}

.button.fullwidth {
  width: 100%;
}

.button.fullwidth.form {
  background-color: var(--colors--heading);
  color: var(--colors--paragraph-inverted);
}

.button.submit {
  background-color: var(--colors--paragraph);
  color: var(--colors--heading-inverted);
}

.button.submit:hover {
  background-color: var(--colors--heading);
}

.nav-link {
  font-family: var(--fonts--paragraphs);
  color: var(--colors--paragraph);
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
}

.circle {
  background-color: var(--colors--background-inverted);
  border-radius: 100%;
  width: 6px;
  height: 6px;
}

.image-wrapper {
  width: 100%;
  height: 600px;
  overflow: hidden;
}

.image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.display {
  font-family: var(--fonts--headings\<deleted\|variable-654399b8-f058-b2f0-bbc3-eb1b2c39a374\>);
  text-align: center;
  font-size: 15em;
  line-height: .9em;
}

.display.fadein {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Cinzel, sans-serif;
  font-size: 3.5em;
  font-weight: 400;
}

.column50--left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  max-width: 500px;
  min-height: auto;
  display: flex;
}

.column50--left.imagesabout {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  max-width: none;
  height: auto;
  min-height: 0;
}

.column50--left.imagesabout-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  max-width: none;
  height: 920px;
  min-height: auto;
}

.column50--left.ourstory {
  max-width: none;
  margin-right: 24px;
}

.heading-3 {
  max-width: 500px;
}

.heading-3.inverted {
  font-family: var(--_design-variables---headings);
  color: var(--colors--heading-inverted);
  text-transform: uppercase;
}

.column50--right {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  max-width: 630px;
  min-height: auto;
  display: none;
}

.column50--right.aboutstory {
  max-width: none;
}

.image-aboutinfo {
  object-fit: cover;
  width: 100%;
  height: 800px;
  max-height: none;
}

.imagecolumn-left {
  object-fit: cover;
  width: 100%;
  height: 700px;
}

.image-grid-small {
  height: 200px;
}

.image-grid-small.fade {
  opacity: 1;
  overflow-wrap: normal;
  width: 1000px;
  height: 500px;
  margin-top: 0;
  margin-bottom: 200px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 70px;
  display: block;
}

.wrapper-ourstory {
  flex-flow: column;
  display: flex;
}

.pack-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--colors--background-inverted);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 600px;
  padding: 24px;
  display: flex;
}

.pack-card.fadein {
  width: 33.3%;
}

.list {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}

.content-card-pack {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.collection-wrapper-destinations {
  width: 100%;
  margin-top: 16px;
}

.card-destination {
  width: 100%;
  height: 100vh;
  position: relative;
}

.card-destination.fadein {
  height: 700px;
}

.image-bg-destination {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.collection-list {
  width: 100%;
}

.collection-item {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.overlayer-content-card {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #00000080;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.label-deco {
  font-family: var(--fonts--headings\<deleted\|variable-654399b8-f058-b2f0-bbc3-eb1b2c39a374\>);
}

.label-deco.inverted {
  font-family: var(--_design-variables---headings);
  color: var(--colors--paragraph-inverted);
}

.pointer-link {
  -webkit-backdrop-filter: invert();
  backdrop-filter: invert();
  mix-blend-mode: normal;
  background-color: #656c579c;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
  position: absolute;
}

.icon-arrow {
  width: 24px;
  height: 24px;
}

.content-first-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.grid-first-images {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 1200px;
  position: relative;
}

.image-animation {
  object-fit: cover;
  height: 100%;
}

.image-animation._1st {
  z-index: 1;
  width: 300px;
  margin-top: 0;
  position: relative;
  top: 0;
  left: auto;
}

.image-animation._2nd {
  z-index: 2;
  width: 300px;
  height: 100%;
  margin-top: 0;
  position: relative;
  top: auto;
}

.image-animation._4rth {
  z-index: 4;
  width: 300px;
  position: relative;
}

.image-animation._5th {
  z-index: 3;
  width: 300px;
  margin-top: 0;
  position: relative;
}

.image-animation._3rd {
  z-index: 5;
  width: 300px;
  height: 100%;
  position: relative;
}

.content-wrapper-programs {
  min-height: 2000px;
  display: flex;
  position: relative;
}

.title-small {
  border: 0 solid #000;
  margin-left: 2px;
  margin-right: -200px;
  padding-left: 0;
  padding-right: 0;
  font-family: Cinzel, sans-serif;
  font-size: 3em;
  line-height: 1.2em;
}

.title-small.inverted {
  font-family: var(--_design-variables---headings);
  color: var(--colors--heading-inverted);
  text-align: center;
}

.title-small.center-aligned.fadein {
  text-align: center;
}

.title-small.fadein {
  margin-top: 30px;
  margin-bottom: 6px;
  margin-right: -200px;
  padding-left: 15px;
  padding-right: 134px;
}

.sticky-box {
  background-color: #fff0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 85vh;
  min-height: auto;
  padding: 24px 24px 24px 0;
  display: flex;
  position: sticky;
  top: 90px;
}

.sticky-box.fadein {
  height: 620px;
  padding-top: 0;
}

.wrapper-programs {
  flex-flow: column;
  width: 50%;
  padding-left: 0;
  display: flex;
}

.label-wrapper {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  display: flex;
}

.label-wrapper.upper {
  border-bottom: 1px solid var(--stroke);
  padding-bottom: 3px;
}

.label-wrapper.bottom {
  border-top: 1px solid var(--stroke);
  padding-top: 3px;
}

.title-info-wrapper {
  flex-flow: column;
  display: flex;
}

.collection-item-program {
  margin-bottom: 48px;
}

.linkblock-program {
  width: 100%;
  height: 80vh;
  position: relative;
  overflow: hidden;
}

.linkblock-program.fadein {
  height: 550px;
}

.image-bg-program {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlayer-content-program {
  z-index: 2;
  background-color: #06060680;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.info-program {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.location-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-location {
  width: 24px;
  height: 24px;
}

.title-programms {
  font-family: var(--_design-variables---headings);
  font-size: 5em;
}

.cta-wrapper {
  background-color: var(--colors--background-inverted);
  background-image: radial-gradient(circle farthest-side at 100% 100%, #d4ddcd85, #fff0 49%), radial-gradient(circle farthest-corner at 0% 0%, var(--colors--paragraph), #fff0 40%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 500px;
  padding: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper-title-cta {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
}

.footer-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.image-logo-footer {
  width: 100%;
  max-width: 1500px;
}

.footerlinks-wrapper {
  width: 50%;
  min-height: 0;
}

.footerlinks-wrapper.left-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-height: auto;
  display: flex;
}

.wrapper-loop-outside {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper-loop-inside {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  height: 100%;
  margin-right: 16px;
  display: flex;
}

.image-project1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 300px;
  display: flex;
  overflow: hidden;
}

.image1-project {
  object-fit: cover;
  flex: none;
  width: 300px;
  height: 300px;
  position: relative;
  top: 0;
}

.image2-project {
  object-fit: cover;
  width: 300px;
  height: 300px;
  position: relative;
  top: 0;
}

.image3-project {
  object-fit: cover;
  flex: none;
  width: 300px;
  height: 300px;
  position: relative;
  top: 0;
}

.image4-project {
  object-fit: cover;
  flex: none;
  width: 300px;
  height: 300px;
}

.slider-testimonials {
  background-color: #ddd0;
  width: 100%;
  min-height: 280px;
  max-height: none;
}

.testimonial-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-left: 0;
  display: flex;
}

.right-arrow, .left-arrow {
  display: none;
}

.slider-reviews {
  background-color: #ddd0;
  width: 600px;
  height: auto;
  min-height: 290px;
}

.right-arrow-slider, .left-arrow-slider {
  display: none;
}

.review-slider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.review {
  font-family: var(--_design-variables---headings);
  color: var(--colors--heading);
  text-align: center;
  font-size: 4em;
  line-height: 1.2em;
}

.slide-review {
  height: 100%;
}

.slide-nav {
  margin-top: auto;
}

.contact-form {
  width: 100%;
  max-width: 450px;
}

.field-label {
  font-family: var(--_design-variables---paragraphs);
  color: var(--colors--background-inverted);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4em;
}

.text-field {
  border: 1px solid var(--colors--background-inverted);
  color: var(--colors--paragraph);
  background-color: #fff0;
  transition: border-color .2s cubic-bezier(.215, .61, .355, 1), border-width .3s cubic-bezier(.215, .61, .355, 1);
}

.text-field:hover {
  border-width: 1.3px;
}

.text-field:focus {
  border-width: 1.2px;
  border-color: var(--colors--paragraph);
}

.text-field::placeholder {
  color: var(--colors--paragraph);
}

.form {
  width: 100%;
}

.date-picker {
  border: 1px solid var(--colors--paragraph);
  width: 100%;
  height: 38px;
  font-family: var(--_design-variables---paragraphs);
  background-color: #fff0;
  margin-bottom: 10px;
  padding: 8px 12px;
}

.date-picker:hover {
  border-width: 1.2px;
  border-color: var(--colors--background-inverted);
}

.date-picker:focus {
  border-width: 1.2px;
}

.image-footer {
  object-fit: cover;
  width: 100%;
  height: 300px;
}

.link-socialmedia {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-right: 1px solid var(--stroke);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  min-height: 200px;
  padding-right: 0;
  text-decoration: none;
  transition: background-color .5s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.link-socialmedia:hover {
  background-color: #656c5712;
}

.link-socialmedia.nostroke {
  border-right-style: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.link-socialmedia.margin {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
}

.socialmedia-link {
  font-family: var(--_design-variables---headings);
  color: var(--colors--background-inverted);
  margin-top: 4px;
  font-size: 2.8em;
  line-height: 1em;
}

.label-connect {
  font-family: var(--_design-variables---paragraphs);
  color: var(--colors--background-inverted);
  text-transform: uppercase;
}

.label-connect.label-link {
  margin-bottom: 8px;
}

.image-hero-about {
  object-fit: cover;
  object-position: 50% 30%;
  width: 100%;
  height: 500px;
}

.background-video {
  object-fit: cover;
  height: 100%;
}

.overlayer-wellness {
  background-color: #16181254;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.heading-1 {
  font-family: var(--_design-variables---headings);
  text-transform: uppercase;
}

.heading-1.light {
  font-family: var(--_design-variables---headings);
  color: var(--colors--heading-inverted);
}

.heading-1.center-aligned {
  font-family: var(--_design-variables---headings);
  text-align: center;
}

.space-image {
  z-index: 10;
  width: 20%;
  height: auto;
  position: absolute;
  inset: auto 2% 2% auto;
}

.space-image.left-aligned {
  inset: auto auto 0% 2%;
}

.space-image.left-aligned.fadein {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: static;
}

.grid-spacesimages {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 48px;
}

.logoimage {
  object-fit: scale-down;
  width: 120px;
  height: 100%;
}

.image-destination {
  mix-blend-mode: soft-light;
  width: 30%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-hero-program {
  object-fit: cover;
  width: 100%;
  height: auto;
  max-height: 900px;
}

.locations-available {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 48px;
  display: flex;
}

.connection-wrapper-availabledestinations {
  width: 100%;
}

.link-destination {
  border-bottom: 1px solid var(--colors--heading);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 84px;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
}

.link-destination:hover {
  background-color: #656c5712;
}

.link-destination.fadein {
  transition: padding .4s cubic-bezier(.215, .61, .355, 1), background-color .4s cubic-bezier(.215, .61, .355, 1);
}

.link-destination.fadein:hover {
  padding-left: 8px;
}

.title-extrasmall {
  font-family: var(--_design-variables---headings);
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1.2em;
}

.title-extrasmall.inverted {
  color: var(--colors--paragraph-inverted);
}

.image-availabledestination {
  object-fit: cover;
  width: 200px;
  height: 100%;
  position: absolute;
  inset: 0% 0 auto auto;
}

.wrapper-explore {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  display: flex;
}

.details-coach {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding-right: 64px;
  display: flex;
}

.image-coach {
  object-fit: cover;
  width: 30%;
  height: 300px;
}

.image-details-big {
  object-fit: cover;
  width: 70%;
  height: 600px;
}

.details-organizer.fadein {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #e6ede1;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.image-header-destination {
  height: auto;
}

.imagedestination {
  object-fit: cover;
  width: 100%;
  height: 380px;
}

.destination-details-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.rich-text-block {
  width: 80%;
  margin-top: 16px;
}

.rich-text-block.fadein {
  width: 100%;
  margin-top: 0;
}

.collection-list-wrapper---other-destinations {
  margin-top: 24px;
}

.link-otherdestination {
  width: 100%;
  min-height: 380px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.image-otherdestination {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlayer-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #00000080;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.link-footer {
  cursor: pointer;
  transition: color .3s cubic-bezier(.215, .61, .355, 1);
}

.link-footer:hover {
  color: #151e05;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.image-icon {
  width: 100%;
  height: 120px;
  margin-bottom: 24px;
}

.price-tag {
  border: 1px solid var(--stroke);
  font-family: var(--fonts--paragraphs);
  color: #000;
  background-color: #b1b7a5;
  margin-bottom: 16px;
  padding: 4px 16px;
  font-size: 1rem;
  line-height: 1.4em;
}

.small-span {
  font-size: .7rem;
}

.image-pack {
  object-fit: cover;
  width: 100%;
  height: 200px;
  margin-bottom: 24px;
}

.changelog-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 24px;
  display: flex;
}

.changelog-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--stroke);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 0;
  padding: 24px;
  display: flex;
}

.changelog-title {
  font-family: var(--_design-variables---headings);
  font-size: 28px;
  line-height: 1.4em;
}

.success-message {
  background-color: var(--colors--heading);
  color: var(--colors--paragraph-inverted);
}

.error-message {
  background-color: #edbfbf;
}

.wrapper-packs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  width: 100%;
  margin-top: 24px;
  display: flex;
}

.name-organiser {
  font-family: var(--fonts--paragraphs);
  color: var(--colors--heading);
  font-size: 1.2em;
  font-weight: 600;
}

.wrapper-image-logo {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-link {
  color: var(--colors--background-inverted);
  cursor: pointer;
  transition: color .3s cubic-bezier(.215, .61, .355, 1);
}

.text-link:hover {
  color: var(--colors--paragraph);
}

.image-name-hero {
  width: 80%;
  max-width: 1500px;
  margin-bottom: 24px;
}

.image-name-hero.fadein {
  height: 250px;
}

.text-span {
  margin-right: 200px;
  display: inline;
}

.image-2 {
  -webkit-text-fill-color: inherit;
  background-color: #796464;
  background-clip: border-box;
  display: inline;
}

.column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--colors--heading);
  pointer-events: auto;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.features-list {
  border-bottom: 1px solid #e4ebf3;
  padding: 0 30px;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.features-wrapper-two {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.features-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 40%;
  display: flex;
}

.features-paragraph {
  margin-bottom: 24px;
  margin-right: -107px;
}

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed {
  margin-left: 2px;
  display: flex;
}

.features-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  margin-bottom: -16px;
  display: flex;
}

.features-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.features-image {
  object-fit: cover;
  width: 80px;
  height: 80px;
  margin-left: -86px;
  margin-right: 8px;
  padding-left: 0;
  padding-right: 0;
  font-size: 3em;
}

.heading-4 {
  margin-right: -95px;
}

.slide-nav-2 {
  margin-top: 0;
  margin-bottom: -168px;
  padding-bottom: 0;
}

.paragraph-2 {
  margin-left: -50px;
  padding-left: 0;
}

.paragraph-3, .paragraph-4 {
  margin-left: -50px;
}

.italic-text {
  font-family: var(--_design-variables---decoration);
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 5em;
  }

  h2 {
    font-size: 3.6em;
  }

  .container.hero-styleguide {
    padding: 48px;
  }

  .container.hero-home {
    padding-top: 24px;
  }

  .container.aboutbellarn {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .container.snaps-hotel {
    padding-top: 24px;
  }

  .container.reviews {
    padding-top: 0;
  }

  .container.socialmedia-contact {
    border-top-color: var(--stroke);
  }

  .container.hero-wellness {
    height: 500px;
  }

  .container.hero-retreat {
    flex-flow: wrap-reverse;
    min-height: 0;
    padding-top: 24px;
    padding-bottom: 0;
  }

  .container.program-details {
    flex-flow: column;
    padding-top: 24px;
  }

  .container.packs-bellarn {
    padding-top: 64px;
    padding-bottom: 24px;
  }

  .container.hero-changelog {
    padding-top: 48px;
  }

  .heading-2 {
    font-size: 5em;
  }

  .heading-2.inverted {
    font-size: 4em;
  }

  .heading-2.inverted.center-aligned {
    text-align: center;
  }

  .heading-2.fadein {
    margin-right: 0;
    font-size: 3.6em;
  }

  .block-link-logo {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .block-link-logo.w--current {
    justify-content: center;
    align-items: center;
  }

  .scroll-frame, .scroll-frame.tablet-mobile {
    display: flex;
  }

  .scroll-frame.deskto {
    display: none;
  }

  .navigation-sticky {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navigation-link-wrapper {
    justify-content: flex-end;
    align-items: center;
    width: 310px;
    margin-right: 0;
  }

  .navigation-link-wrapper.right-align {
    justify-content: flex-start;
    align-items: center;
  }

  .navigation-link-wrapper.right-align.mobile-version {
    display: none;
  }

  .navigation-link-wrapper.logotype-wrapper {
    justify-content: center;
    align-items: center;
  }

  .burger-mobile {
    display: none;
  }

  .content-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .content-wrapper.aboutbellarn {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
  }

  .content-wrapper.packs-wrapper {
    justify-content: center;
    align-items: center;
  }

  .content-wrapper.snaps-hotel {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .content-wrapper.reviews {
    justify-content: center;
    align-items: center;
    height: 380px;
    max-height: none;
  }

  .content-wrapper.spaces {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .content-wrapper.program {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    margin-bottom: 24px;
    padding-top: 0;
    padding-right: 0;
  }

  .content-wrapper.imageprogram {
    width: 100%;
    height: 400px;
    margin-bottom: 24px;
  }

  .content-wrapper.program-details {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    padding-top: 0;
  }

  .content-wrapper.hero-home {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .image-wrapper {
    height: 400px;
  }

  .display {
    font-size: 8em;
  }

  .display.fadein {
    font-size: 3em;
  }

  .column50--left.imagesabout {
    width: 50%;
  }

  .column50--left.imagesabout-left {
    width: 50%;
    height: auto;
  }

  .column50--left.ourstory {
    width: 50%;
    margin-right: 16px;
  }

  .heading-3.inverted {
    font-size: 2em;
  }

  .column50--right {
    width: 55%;
  }

  .image-aboutinfo.fadein {
    height: 500px;
  }

  .imagecolumn-left.fadein {
    height: 400px;
  }

  .pack-card.fadein {
    width: 70%;
  }

  .collection-wrapper-destinations {
    margin-top: 16px;
  }

  .card-destination {
    height: 500px;
  }

  .card-destination.fadein {
    height: 600px;
  }

  .collection-item {
    margin-top: 8px;
  }

  .overlayer-content-card {
    background-color: #000000b3;
  }

  .pointer-link {
    display: none;
  }

  .grid-first-images {
    width: 700px;
  }

  .image-animation._1st, .image-animation._5th {
    overflow: clip;
  }

  .title-small.inverted, .title-small.center-aligned.fadein {
    text-align: center;
  }

  .title-small.fadein {
    font-size: 2.4em;
  }

  .sticky-box.fadein {
    height: 550px;
  }

  .linkblock-program.fadein {
    height: 600px;
  }

  .overlayer-content-program {
    background-color: #060606b3;
  }

  .title-programms {
    font-size: 3em;
  }

  .cta-wrapper {
    min-height: 400px;
  }

  .wrapper-loop-inside {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .image-project1 {
    width: 300px;
  }

  .image2-project {
    height: 300px;
  }

  .review-slider {
    justify-content: center;
    align-items: center;
  }

  .review {
    font-size: 3em;
  }

  .socialmedia-link {
    font-size: 2em;
  }

  .grid-spacesimages {
    margin-top: 24px;
  }

  .logoimage {
    height: 64%;
  }

  .image-hero-program {
    height: 100%;
  }

  .locations-available {
    width: 100%;
    margin-top: 24px;
  }

  .connection-wrapper-availabledestinations {
    margin-top: 8px;
  }

  .collection-list-avilable-destinations {
    margin-top: 0;
  }

  .image-availabledestination {
    right: 0;
  }

  .details-coach {
    width: 100%;
    margin-bottom: 48px;
    padding-right: 0;
  }

  .details-organizer.fadein {
    padding: 16px;
  }

  .imagedestination {
    height: 200px;
  }

  .rich-text-block {
    width: 100%;
  }

  .collection-list-wrapper---other-destinations {
    margin-top: 16px;
  }

  .overlayer-card {
    background-color: #00000080;
  }

  .collection-item---otherdestinations {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .wrapper-packs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 24px;
  }

  .collection-list---other-destinations {
    flex-flow: column;
    display: flex;
  }

  .image-name-hero.fadein {
    width: 100%;
  }

  .container-2 {
    max-width: 728px;
  }

  .features-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .features-left {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .features-right {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 4.5em;
  }

  h2 {
    font-size: 3.4em;
  }

  .container.hero-styleguide {
    padding: 24px;
  }

  .container.hero-home {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 48px;
  }

  .container.aboutbellarn {
    padding-top: 24px;
  }

  .container.destinations {
    padding-bottom: 8px;
  }

  .container.snaps-hotel {
    overflow: hidden;
  }

  .container.hero-contact {
    padding-top: 48px;
    padding-bottom: 8px;
  }

  .container.social-media {
    flex-flow: column;
  }

  .container.socialmedia-contact {
    border-top-color: var(--stroke);
    flex-flow: column;
  }

  .container.story {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.hero-wellness {
    height: 400px;
  }

  .container.spaces {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.hero-retreat {
    padding-bottom: 24px;
  }

  .container.packs-bellarn {
    padding-top: 36px;
  }

  .container.hero-changelog {
    padding-top: 24px;
  }

  .paragraph.inverted.center-aligned {
    text-align: center;
  }

  .grid-colors {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .heading-2 {
    font-size: 4em;
  }

  .heading-2.inverted.center-aligned {
    text-align: center;
  }

  .heading-2.fadein {
    font-size: 2.6em;
  }

  .block-link-logo.w--current {
    width: auto;
    height: 40px;
  }

  .logo-bellarn {
    width: 100px;
  }

  .navigation-sticky {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navigation-link-wrapper {
    display: none;
  }

  .navigation-link-wrapper.right-align.mobile-version {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: auto;
    display: flex;
  }

  .navigation-link-wrapper.logotype-wrapper {
    width: auto;
    display: flex;
  }

  .linkblock-nav {
    height: 36px;
    font-family: var(--fonts--paragraphs);
    color: var(--colors--paragraph);
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
    line-height: 1.4em;
  }

  .wrapper-menu-mobile {
    background-color: var(--colors--background);
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 900px;
    min-height: 700px;
    max-height: 1200px;
    padding: 24px;
    display: none;
    position: absolute;
    inset: 70px 0% auto auto;
  }

  .burger-mobile {
    cursor: pointer;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    padding: 4px 8px;
    transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
    display: flex;
  }

  .burger-mobile:hover {
    background-color: #c3c9b6;
  }

  .burger-icon {
    width: 24px;
    height: 24px;
  }

  .content-wrapper.introduction-info.fadein {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-wrapper.aboutbellarn {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .content-wrapper.packs-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .content-wrapper.destinations {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .content-wrapper.reviews {
    height: 380px;
  }

  .content-wrapper.hero-about {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .content-wrapper.spaces {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-wrapper.program {
    margin-bottom: 0;
  }

  .content-wrapper.imageprogram {
    height: 300px;
  }

  .content-wrapper.program-details, .content-wrapper.hero-home {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .nav-link:hover {
    color: var(--colors--background-inverted);
  }

  .image-wrapper {
    height: 300px;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .image.fadein {
    margin-top: 0;
  }

  .display {
    font-size: 64px;
  }

  .display.fadein {
    font-size: 2em;
  }

  .column50--left {
    width: 100%;
  }

  .column50--left.imagesabout {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .column50--left.imagesabout-left {
    flex-flow: row;
    width: 100%;
    overflow: hidden;
  }

  .column50--right {
    width: 100%;
  }

  .image-aboutinfo.fadein {
    width: 40%;
    height: 200px;
  }

  .imagecolumn-left.fadein {
    width: 60%;
  }

  .image-grid-small.fade {
    width: 40%;
    height: auto;
  }

  .pack-card.fadein {
    width: 100%;
  }

  .card-destination {
    height: 400px;
  }

  .card-destination.fadein {
    height: 550px;
  }

  .grid-first-images {
    flex: none;
  }

  .content-wrapper-programs {
    flex-flow: column;
  }

  .title-small.inverted {
    text-align: center;
    font-size: 2.4em;
  }

  .title-small.center-aligned.fadein {
    text-align: center;
  }

  .title-small.fadein {
    font-size: 2em;
  }

  .sticky-box {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    position: static;
  }

  .wrapper-programs {
    width: 100%;
  }

  .title-info-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .collection-item-program {
    margin-bottom: 24px;
  }

  .linkblock-program {
    height: 400px;
  }

  .wrapper-loop-outside, .wrapper-loop-inside {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .image1-project {
    height: 300px;
  }

  .slider-testimonials {
    width: 60%;
  }

  .slider-reviews {
    width: auto;
  }

  .review {
    font-size: 2.5em;
  }

  .contact-form {
    max-width: none;
  }

  .image-footer {
    height: 200px;
  }

  .link-socialmedia {
    border-bottom: 1px solid var(--stroke);
    border-right-style: none;
    border-right-width: 0;
    width: 100%;
    height: 120px;
    min-height: 0;
  }

  .link-socialmedia.nostroke {
    border-bottom-style: none;
  }

  .link-socialmedia.margin {
    min-height: 0;
  }

  .image-hero-about {
    height: 300px;
  }

  .heading-1.center-aligned {
    line-height: 1.2em;
  }

  .grid-spacesimages {
    margin-top: 24px;
  }

  .logoimage {
    width: auto;
    height: 24px;
  }

  .image-destination {
    width: 50%;
  }

  .locations-available {
    margin-top: 36px;
  }

  .details-coach {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    margin-bottom: 36px;
  }

  .image-coach {
    width: 100%;
    height: 300px;
  }

  .image-details-big, .details-organizer.fadein {
    width: 100%;
  }

  .imagedestination {
    height: 180px;
  }

  .destination-details-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .rich-text-block {
    margin-top: 0;
  }

  .collection-list-wrapper---other-destinations {
    margin-top: 16px;
  }

  .collection-item---otherdestinations {
    padding-left: 0;
    padding-right: 0;
  }

  .image-name-hero.fadein {
    width: 100%;
  }

  .features-list {
    padding: 60px 15px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 3em;
  }

  h2 {
    font-size: 2.6em;
  }

  h3 {
    font-size: 2em;
  }

  h4 {
    font-size: 1.8em;
  }

  h5 {
    font-size: 1.6em;
  }

  h6 {
    font-size: 1.4em;
  }

  .container.hero-styleguide {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.hero-home {
    padding-top: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.aboutbellarn {
    padding: 24px 20px;
  }

  .container.destinations {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.programms {
    padding: 8px 20px;
  }

  .container.cta-booknow, .container.snaps-hotel, .container.reviews {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.hero-contact {
    padding-top: 36px;
    padding-bottom: 24px;
  }

  .container.contact-info, .container.imagefooter-holder {
    padding-top: 0;
  }

  .container.socialmedia-contact {
    border-top-style: none;
    padding-top: 0;
  }

  .container.hero-about {
    padding-top: 36px;
  }

  .container.story {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.hero-wellness {
    height: 400px;
  }

  .container.program-details {
    flex-flow: wrap-reverse;
    padding-top: 24px;
  }

  .container.packs-bellarn {
    padding: 24px 20px 0;
  }

  .paragraph.inverted.center-aligned, .paragraph._700maxwidth.center-aligned {
    text-align: center;
  }

  .paragraph.nomargin {
    margin-bottom: 0;
  }

  .paragraph.fadein.center-aligned {
    text-align: center;
  }

  .grid-colors {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading-2 {
    font-size: 2.6em;
  }

  .heading-2.inverted.center-aligned {
    font-size: 2.4em;
  }

  .heading-2.title-pack {
    font-size: 2.6em;
  }

  .block-link-logo.w--current {
    width: 120px;
    height: 48px;
  }

  .navigation-sticky {
    flex-flow: row;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navigation-link-wrapper.right-align.mobile-version {
    width: auto;
  }

  .navigation-link-wrapper.logotype-wrapper {
    display: flex;
  }

  .linkblock-nav {
    height: 36px;
  }

  .wrapper-menu-mobile {
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .burger-mobile {
    cursor: pointer;
    flex: none;
    width: 36px;
    height: 36px;
    padding: 8px;
    transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
  }

  .burger-mobile:hover {
    background-color: #c3c9b6;
  }

  .content-wrapper, .content-wrapper.packs-wrapper, .content-wrapper.destinations, .content-wrapper.snaps-hotel {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .content-wrapper.reviews {
    height: 300px;
  }

  .content-wrapper.hero-contact {
    margin-bottom: 24px;
  }

  .content-wrapper.hero-about {
    margin-top: 0;
  }

  .content-wrapper.program {
    padding-top: 0;
  }

  .content-wrapper.imageprogram {
    height: 200px;
  }

  .content-wrapper.program-details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 24px;
  }

  .content-wrapper.hero-home {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .button.fullwidth.form {
    margin-top: 16px;
  }

  .nav-link {
    transition: color .4s cubic-bezier(.215, .61, .355, 1);
  }

  .nav-link:hover {
    color: var(--colors--background-inverted);
  }

  .image-wrapper {
    height: 280px;
  }

  .display {
    font-size: 64px;
    line-height: 1em;
  }

  .display.fadein {
    font-size: 1.8em;
    line-height: 1.2em;
  }

  .column50--left.imagesabout {
    flex-flow: column;
    width: 100%;
  }

  .column50--left.imagesabout-left {
    flex-flow: column;
  }

  .column50--left.ourstory {
    width: 100%;
    margin-right: 0;
  }

  .heading-3.inverted {
    font-size: 1.8em;
  }

  .image-aboutinfo.fadein, .imagecolumn-left.fadein, .image-grid-small.fade {
    width: 100%;
  }

  .pack-card.fadein {
    border-color: var(--stroke);
  }

  .card-destination.fadein {
    height: 450px;
  }

  .collection-item {
    margin-bottom: 8px;
  }

  .pointer-link {
    display: none;
  }

  .grid-first-images {
    flex: none;
    width: 700px;
  }

  .title-small {
    font-size: 1.8em;
  }

  .title-small.inverted {
    text-align: center;
    font-size: 2em;
  }

  .title-small.center-aligned {
    text-align: center;
  }

  .title-small.fadein {
    font-size: 2em;
  }

  .sticky-box {
    margin-bottom: 0;
    padding-right: 0;
  }

  .sticky-box.fadein {
    height: auto;
    min-height: 400px;
  }

  .collection-item-program {
    margin-bottom: 8px;
  }

  .linkblock-program {
    height: 300px;
  }

  .linkblock-program.fadein {
    height: 400px;
  }

  .title-programms {
    font-size: 2em;
  }

  .cta-wrapper {
    min-height: 300px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .cta-wrapper.fadein {
    min-height: 400px;
  }

  .wrapper-title-cta {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .wrapper-loop-inside {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    height: auto;
  }

  .image-project1, .image1-project {
    width: 200px;
    height: 200px;
  }

  .image2-project {
    height: 280px;
  }

  .image3-project {
    height: 300px;
  }

  .image4-project {
    height: 280px;
  }

  .slider-testimonials {
    width: 100%;
    min-height: 300px;
    max-height: none;
  }

  .review {
    font-size: 1.8em;
  }

  .contact-form {
    margin-bottom: 0;
  }

  .text-field {
    margin-bottom: 10px;
  }

  .date-picker {
    color: var(--colors--paragraph);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: block;
  }

  .image-footer {
    height: 180px;
  }

  .label-connect {
    text-transform: uppercase;
  }

  .image-hero-about {
    height: 200px;
    margin-top: 8px;
  }

  .grid-spacesimages {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr;
  }

  .logoimage {
    height: auto;
  }

  .image-destination {
    width: 80%;
    top: -4%;
    left: -30%;
  }

  .locations-available {
    margin-top: 48px;
  }

  .link-destination {
    flex-flow: column;
    min-height: 84px;
    padding-top: 16px;
    padding-bottom: 0;
  }

  .link-destination.fadein {
    border-bottom-style: none;
  }

  .link-destination.fadein:hover {
    padding-left: 0;
  }

  .title-extrasmall {
    font-size: 1.6em;
  }

  .image-availabledestination {
    width: 100%;
    height: 120px;
    margin-top: 16px;
    position: static;
  }

  .details-coach {
    margin-bottom: 0;
  }

  .image-details-big {
    height: 380px;
  }

  .details-organizer.fadein {
    width: 100%;
    padding: 16px;
  }

  .imagedestination {
    height: 160px;
  }

  .rich-text-block.fadein {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
  }

  .link-otherdestination {
    min-height: 280px;
  }

  .text-tiny, .link-footer {
    font-size: 12px;
  }

  .collection-item---otherdestinations {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .price-tag {
    background-color: #b1b7a580;
  }

  .image-pack {
    height: 160px;
  }

  .image-space-phone {
    object-fit: cover;
    width: 100%;
    max-height: 200px;
  }

  .wrapper-packs {
    margin-top: 16px;
  }

  .card-destination-program {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .name-organiser {
    font-family: var(--fonts--paragraphs);
    font-size: 16px;
    font-weight: 600;
  }

  .image-name-hero.fadein {
    width: 100%;
    margin-bottom: 16px;
  }

  .container-2 {
    max-width: none;
  }

  .features-right {
    margin-bottom: -30px;
  }

  .features-block-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .features-image {
    margin-bottom: 10px;
  }
}

#w-node-_3927d5d2-afa7-d0c0-de35-f36f9a4996c3-6b059ec5, #w-node-_83a2624b-9a88-a0d8-b464-babf904d0b7a-6b059ec5, #w-node-_7b37191b-0934-0c48-ee01-0ed6efb9929b-6b059ec5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 479px) {
  #w-node-a836a587-c40e-e721-30f0-6b500351a71e-6b059ec5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}