/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
@import "../../node_modules/swiper/swiper-bundle.css";
html,
body {
  border: 0;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
.hide {
  display: none;
}
#loading,
#successmessage,
#errormessage {
  display: none;
}
@keyframes bounceOut {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
@keyframes slideInShort {
  from {
    transform: rotateX(-15deg) translateY(100px);
  }
  to {
    transform: rotateX(0) translateY(0px);
  }
}
@keyframes slideMeIn {
  from {
    transform: rotateX(-60deg) translateY(300px);
  }
  to {
    transform: rotateX(0) translateY(0px);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
ul {
  list-style-type: none;
}
ul {
  margin: 0px;
  padding: 0px;
}
a:focus {
  outline: none;
}
@font-face {
  font-family: 'icomoon';
  src: url('/public/fonts/icomoon.eot?u8ox1g');
  src: url('/public/fonts/icomoon.eot?u8ox1g#iefix') format('embedded-opentype'), url('/public/fonts/icomoon.ttf?u8ox1g') format('truetype'), url('/public/fonts/icomoon.woff?u8ox1g') format('woff'), url('/public/fonts/icomoon.svg?u8ox1g#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-gondola:before {
  content: "\e920";
}
.icon-phone:before {
  content: "\e967";
}
.icon-link:before {
  content: "\e980";
}
.icon-house:before {
  content: "\e90c";
}
.icon-home:before {
  content: "\e90e";
}
.icon-glass:before {
  content: "\e985";
}
.icon-glass-whiskey:before {
  content: "\e987";
}
.icon-facebook:before {
  content: "\e905";
}
.icon-instagram:before {
  content: "\e907";
}
.icon-spotify:before {
  content: "\e90a";
}
.icon-tripadvisor:before {
  content: "\e970";
}
.icon-youtube:before {
  content: "\e90d";
}
.icon-arrow-down:before {
  content: "\e914";
}
.icon-arrow-left:before {
  content: "\e915";
}
.icon-arrow-right:before {
  content: "\e916";
}
.icon-arrow-up:before {
  content: "\e917";
}
.icon-comment:before {
  content: "\e92a";
}
.icon-comments:before {
  content: "\e92b";
}
.icon-envelope:before {
  content: "\e92d";
}
.icon-external-link:before {
  content: "\e902";
}
.icon-external-link-square:before {
  content: "\e903";
}
.icon-map-marker:before {
  content: "\e93e";
}
.icon-map:before {
  content: "\e940";
}
.icon-money-bill:before {
  content: "\e904";
}
.icon-newspaper:before {
  content: "\e943";
}
.icon-print:before {
  content: "\e948";
}
.icon-quote-right:before {
  content: "\e906";
}
.icon-snowflake:before {
  content: "\e974";
}
.icon-tag:before {
  content: "\e950";
}
.icon-tags:before {
  content: "\e951";
}
.icon-thumbs-down:before {
  content: "\e953";
}
.icon-thumbs-up:before {
  content: "\e954";
}
.icon-toggle-off:before {
  content: "\e908";
}
.icon-toggle-on:before {
  content: "\e909";
}
.icon-trash:before {
  content: "\e90b";
}
.icon-eat:before {
  content: "\e95b";
}
@font-face {
  font-family: 'i';
  src: url('/public/fonts/cr.woff2') format('woff2'), url('/public/fonts/cr.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'i';
  src: url('/public/fonts/ci.woff2') format('woff2'), url('/public/fonts/ci.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'g';
  src: url('/public/fonts/gr.woff2') format('woff2'), url('/public/fonts/gr.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'g';
  src: url('/public/fonts/gb.woff2') format('woff2'), url('/public/fonts/gb.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.textfont {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 147%;
}
@media screen and (max-width: 1000px) {
  .textfont {
    font-size: 1.84rem;
  }
}
@media screen and (max-width: 600px) {
  .textfont {
    font-size: 1.7rem;
  }
}
:root {
  --color-text: #222;
  --color-sitebg: #fff;
  --color-accent: #c08971;
  --color-accent-dark: #9b6e5a;
  --color-black: #1A1916;
  --color-lightgrey: #EDEBE4;
  --color-accent-light: #e4a98f;
  --logocolor: #ffffff;
  --font-serif: "i", "serif";
  --font-sans: "g", "sans-serif";
  --font-default: var(--font-serif);
  --var-borderradius: 5px;
  --var-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --var-grid-gap: 2.6rem;
  --var-row-gap: 5rem;
  --var-bodymargin: 10rem;
  --var-margin-default: 28rem;
  --var-margin-small: 10rem;
  --var-margin-medium: 18rem;
  --var-margin-negative: -10rem;
  --var-margin-row: 4rem;
}
@media screen and (max-width: 1400px) {
  :root {
    --var-bodymargin: 7rem;
    --var-margin-default: 24rem;
    --var-margin-medium: 16rem;
  }
}
@media screen and (max-width: 1400px) {
  :root {
    --var-bodymargin: 6rem;
    --var-grid-gap: 1.8rem;
  }
}
@media screen and (max-width: 1000px) {
  :root {
    --var-margin-default: 20rem;
    --var-margin-small: 9rem;
    --var-margin-medium: 15rem;
    --var-margin-negative: -8rem;
    --var-margin-row: 2.4rem;
    --var-bodymargin: 4rem;
    --var-grid-gap: 2.4rem;
    --var-row-gap: 4rem;
  }
}
@media screen and (max-width: 740px) {
  :root {
    --var-row-gap: 3rem;
    --var-grid-gap: 1rem;
    --var-bodymargin: 3rem;
  }
}
@media screen and (max-width: 700px) {
  :root {
    --var-margin-default: 15rem;
    --var-margin-small: 6rem;
    --var-margin-medium: 11rem;
    --var-margin-negative: -8rem;
    --var-margin-row: 2.4rem;
  }
}
@media screen and (max-width: 500px) {
  :root {
    --var-margin-default: 12rem;
    --var-margin-small: 5rem;
    --var-margin-medium: 8rem;
    --var-margin-negative: -7rem;
    --var-margin-row: 2.4rem;
    --var-bodymargin: 2.4rem;
  }
}
html,
body {
  height: 100%;
  text-align: center;
  line-height: 150%;
  margin: 0;
  padding: 0;
  font-size: 10px;
  min-height: 100%;
}
@media screen and (min-width: 1800px) {
  html,
  body {
    font-size: 11px;
  }
}
@media screen and (min-width: 2000px) {
  html,
  body {
    font-size: 12px;
  }
}
@media screen and (min-width: 2200px) {
  html,
  body {
    font-size: 13px;
  }
}
body {
  font-family: var(--font-default);
  width: 100%;
  height: auto;
  background: var(--color-sitebg);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#pageload {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background: var(--color-accent);
}
.mobile {
  display: none;
}
@media screen and (max-width: 800px) {
  .mobile {
    display: block;
  }
}
.desktop {
  display: block;
}
@media screen and (max-width: 800px) {
  .desktop {
    display: none;
  }
}
sup {
  vertical-align: super;
  font-size: 0.7em;
  line-height: 0;
}
a {
  text-decoration: none;
  color: var(--color-accent);
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5 {
  clear: left;
  font-weight: normal;
  width: 100%;
  position: relative;
  color: var(--color-black);
  margin: 0;
}
h1 {
  color: var(--color-accent);
  font-family: var(--font-serif);
  font-size: 6.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 6.8rem;
}
@media screen and (max-width: 1400px) {
  h1 {
    font-size: 6rem;
    line-height: 6.4rem;
  }
}
@media screen and (max-width: 1200px) {
  h1 {
    font-size: 5.2rem;
    line-height: 5.6rem;
  }
}
@media screen and (max-width: 1000px) {
  h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
}
@media screen and (max-width: 820px) {
  h1 {
    font-size: 4rem;
    line-height: 4.4rem;
  }
}
@media screen and (max-width: 500px) {
  h1 {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
@media screen and (max-width: 80px) {
  h1 br {
    content: ' ';
  }
  h1 br:after {
    content: ' ';
  }
}
h2 {
  font-family: var(--font-serif);
  font-size: 5.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 117%;
}
@media screen and (max-width: 1400px) {
  h2 {
    font-size: 5rem;
  }
}
@media screen and (max-width: 1200px) {
  h2 {
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 1000px) {
  h2 {
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 820px) {
  h2 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 500px) {
  h2 {
    font-size: 3rem;
  }
}
h3 {
  font-family: var(--font-serif);
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 5.2rem;
}
@media screen and (max-width: 1400px) {
  h3 {
    font-size: 4.4rem;
    line-height: 5rem;
  }
}
@media screen and (max-width: 1200px) {
  h3 {
    font-size: 4rem;
    line-height: 4.3rem;
  }
}
@media screen and (max-width: 1000px) {
  h3 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
}
@media screen and (max-width: 820px) {
  h3 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}
@media screen and (max-width: 500px) {
  h3 {
    font-size: 2.6rem;
    line-height: 2.9rem;
  }
}
h4 {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
}
@media screen and (max-width: 1400px) {
  h4 {
    font-size: 1.55rem;
  }
}
@media screen and (max-width: 1400px) {
  h4 {
    font-size: 1.48rem;
  }
}
@media screen and (max-width: 1000px) {
  h4 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 820px) {
  h4 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 500px) {
  h4 {
    font-size: 1.2rem;
  }
}
body.cmart.editing #page {
  margin-top: 5rem;
}
body.noheader #content {
  padding-top: 30rem;
}
#wrap {
  min-height: 100%;
  text-align: left;
  position: relative;
  width: 100%;
}
#page_wrap {
  clear: left;
  position: relative;
  width: 100%;
}
div#page {
  clear: left;
  position: relative;
  width: 100%;
}
#header {
  height: 15rem;
  position: fixed;
  z-index: 100;
  top: 2rem;
  width: calc(100% - 4rem);
  left: 2rem;
  transition: 0.5s all ease;
  border-radius: var(--var-borderradius);
}
@media screen and (max-width: 600px) {
  #header {
    height: 10rem;
  }
}
#header .langs {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #fff;
  font-family: var(--font-sans);
}
#header .langs a {
  color: #eee;
  padding: 0.4rem 0.7rem;
  border-radius: var(--var-borderradius);
}
#header .langs a:hover {
  text-decoration: none;
  background: #fff;
  color: #222;
}
#header .langs .active {
  display: none;
}
#header #navshow {
  position: absolute;
  display: none;
  margin: 0;
  width: auto;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 100px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 550px) {
  #header #navshow {
    left: 60%;
  }
}
@media screen and (max-width: 1000px) {
  #header #navshow {
    display: block;
  }
}
#header #navshow .title {
  padding: 0.9rem 2rem 0.9rem 5rem;
  display: inline-block;
  font-size: 1.6rem;
  font-family: var(--font-sans);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
}
@media screen and (max-width: 550px) {
  #header #navshow .title {
    text-indent: -9999px;
    padding-right: 1rem;
  }
}
#header #navshow .closer {
  display: none;
}
#header #navshow .balken {
  width: 2.3rem;
  position: absolute;
  height: 11px;
  top: 50%;
  left: 1.7rem;
  transform: translate(0, -50%);
}
@media screen and (max-width: 400px) {
  #header #navshow .balken {
    width: 2.6rem;
  }
}
#header #navshow .balken span {
  width: 100%;
  position: absolute;
  background: #fff;
  height: 1px;
  left: 0;
  top: 0;
  transition: 0.3s all var(--var-ease);
}
#header #navshow .balken span.balken2 {
  top: 5px;
}
#header #navshow .balken span.balken3 {
  bottom: 0;
  top: auto;
}
#header .langlink.active {
  display: none;
}
#header .langlink .short {
  display: none;
}
#header #logo,
#header #logola {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 1200px) {
  #header #logo svg,
  #header #logola svg {
    height: 3rem;
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  #header #logo svg,
  #header #logola svg {
    height: 2.2rem;
    width: auto;
    margin-bottom: -0.3rem;
  }
}
#header #logo {
  left: 5rem;
}
@media screen and (max-width: 1200px) {
  #header #logo {
    left: 3rem;
  }
}
@media screen and (max-width: 550px) {
  #header #logo {
    left: 2rem;
  }
}
#header #logola {
  right: 5rem;
}
@media screen and (max-width: 1200px) {
  #header #logola {
    right: 3rem;
  }
}
@media screen and (max-width: 550px) {
  #header #logola {
    right: 2rem;
  }
}
#navimailtel {
  display: none;
  transition: 0.4s all ease;
}
@media screen and (max-width: 1000px) {
  #navimailtel {
    display: block;
    max-height: 0px;
    overflow: hidden;
    width: 90%;
    left: 5%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 3rem;
  }
  #navimailtel a {
    display: inline-block;
    font-size: 3rem;
    padding: 1rem;
    color: #222;
    text-decoration: none;
    line-height: normal;
  }
}
#navi {
  position: absolute;
  width: 70%;
  left: 15%;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 1200px) {
  #navi {
    width: 80%;
    left: 10%;
  }
}
@media screen and (max-width: 1000px) {
  #navi {
    display: none;
  }
}
#navi #navi__inner {
  width: 100%;
  text-align: center;
  display: inline-block;
}
#navi #navi__inner div.category {
  display: inline-block;
  margin: 0 1.5rem;
}
#navi #navi__inner div.category a {
  font-size: 1.7rem;
  line-height: 1.7rem;
  font-family: var(--font-sans);
  color: #fff;
  padding: 0.7rem 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: 0.2s all var(--var-ease);
  position: relative;
  display: block;
}
#navi #navi__inner div.category a::after {
  content: ' ';
  bottom: 0;
  height: 2px;
  transition: 0.2s all var(--var-ease);
  background: currentcolor;
  width: 0px;
  left: 0;
  position: absolute;
  display: block;
}
#navi #navi__inner div.category a:hover {
  text-decoration: none;
}
#navi #navi__inner div.category a:hover::after {
  width: 100%;
}
#navi #navi__inner div.category.active .categorytitle {
  background: #fff;
  color: var(--color-black);
  padding: 0.7rem 1rem;
  border-radius: var(--var-borderradius);
}
#navi #navi__inner div.category.active .categorytitle::after {
  display: none;
}
body.scrolling #header,
body.navshow #header {
  height: 8rem;
  background: rgba(255, 255, 255, 0.4);
  /* halbtransparentes Weiß */
  backdrop-filter: blur(8px);
  /* Blur hinter der Navbar */
  -webkit-backdrop-filter: blur(8px);
  /* für Safari */
}
@media screen and (max-width: 600px) {
  body.scrolling #header,
  body.navshow #header {
    height: 6rem;
  }
}
body.navshow #header {
  height: 80vh;
}
body.navshow #header #navshow {
  top: 2rem;
  transform: translate(-50%, 0);
}
body.navshow #header #navshow .balken .balken2 {
  width: 0px;
}
body.navshow #header #navshow .balken .balken1,
body.navshow #header #navshow .balken .balken3 {
  top: 0.3em;
}
body.navshow #header #navshow .balken .balken1 {
  transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
}
body.navshow #header #navshow .balken .balken3 {
  transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
}
body.navshow #header #navimailtel {
  max-height: 5rem;
}
body.navshow #header #logo,
body.navshow #header #logola {
  top: 2rem;
  transform: translate(0, 0);
}
body.navshow #header #navi {
  position: absolute;
  display: block;
  width: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.navshow #header #navi .langs {
  top: -8rem;
  position: absolute;
  left: 50%;
  right: auto;
  transform: translate(-50%, 0%);
}
body.navshow #header #navi div.category {
  width: 100%;
  margin: 1rem 0;
}
body.navshow #header #navi div.category .categorytitle {
  font-size: 2.2rem;
  font-family: var(--font-serif);
  text-transform: none;
  letter-spacing: 0;
}
body.navshow #header #navi div.category .categorytitle::after {
  display: none;
}
body.navshow #header #navi div.category.active {
  background: transparent;
}
body.navshow #header #navi div.category.active .categorytitle {
  background: #222;
  border-radius: var(--var-borderradius);
  color: #fff;
  width: auto;
  display: inline-block;
}
.cmart.editing #header {
  display: none;
}
body.scrolling #header,
body.darknavi #header,
body.navshow #header {
  --logocolor: var(--color-black);
}
body.scrolling #header #navi .category .categorytitle,
body.darknavi #header #navi .category .categorytitle,
body.navshow #header #navi .category .categorytitle {
  color: var(--color-black);
}
body.scrolling #header #navi .category.active .categorytitle,
body.darknavi #header #navi .category.active .categorytitle,
body.navshow #header #navi .category.active .categorytitle {
  background: var(--color-black);
  color: #fff;
}
body.scrolling #header .langs a,
body.darknavi #header .langs a,
body.navshow #header .langs a {
  color: #555;
}
body.scrolling #header .langs a:hover,
body.darknavi #header .langs a:hover,
body.navshow #header .langs a:hover {
  background: #222;
  color: #fff;
}
body.scrolling #header #navshow,
body.darknavi #header #navshow,
body.navshow #header #navshow {
  border-color: #222;
}
body.scrolling #header #navshow .title,
body.darknavi #header #navshow .title,
body.navshow #header #navshow .title {
  color: #222;
}
body.scrolling #header #navshow .balken span,
body.darknavi #header #navshow .balken span,
body.navshow #header #navshow .balken span {
  background: #222;
}
#footer {
  width: 100%;
  position: relative;
  padding: 16rem 0 5rem 0;
  box-sizing: border-box;
  height: 100vh;
  background: url(/files/bg-footer.jpg) center center no-repeat;
  background-size: cover;
  text-align: center;
  font-size: 4rem;
  line-height: 120%;
}
@media screen and (max-width: 1200px) {
  #footer {
    font-size: 3rem;
  }
}
@media screen and (max-width: 800px) {
  #footer {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 500px) {
  #footer {
    font-size: 2.1rem;
    line-height: 150%;
  }
}
#footer #footer__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
}
#footer #footer__content a {
  text-decoration: none;
  color: var(--color-black);
}
#footer #footer__imprint {
  position: absolute;
  bottom: 2rem;
  width: 100%;
  font-size: 1.5rem;
  line-height: normal;
  text-align: center;
}
#footer #footer__imprint a {
  display: inline-block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: var(--color-black);
}
.card {
  position: relative;
}
.card .cmartbge {
  z-index: 0;
}
body.editing .card .card__image.croppinginprogress {
  overflow: visible;
}
div.card,
a.card {
  height: 40rem;
  overflow: hidden;
  width: 50rem;
  display: block;
}
div.card .card__image,
a.card .card__image {
  position: relative;
  display: block;
  width: 100%;
  height: 25rem;
  overflow: hidden;
  border-radius: var(--var-borderradius);
}
div.card .card__image picture,
a.card .card__image picture,
div.card .card__image video,
a.card .card__image video,
div.card .card__image img.img,
a.card .card__image img.img {
  border-radius: var(--var-borderradius);
}
div.card .card__image video,
a.card .card__image video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
div.card .card__image picture,
a.card .card__image picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
div.card .card__image picture img.image,
a.card .card__image picture img.image,
div.card .card__image picture img,
a.card .card__image picture img,
div.card .card__image picture source,
a.card .card__image picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.card .card__image .filedropbox,
a.card .card__image .filedropbox {
  height: 100%;
}
div.card .card__content,
a.card .card__content {
  position: relative;
  display: block;
  width: 100%;
  padding: 3rem 4rem 4rem 4rem;
  box-sizing: border-box;
}
div.card .card__content .card__title,
a.card .card__content .card__title,
div.card .card__content h3,
a.card .card__content h3 {
  font-family: var(--font-serif);
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 5.2rem;
  margin-bottom: 2rem;
  line-height: 110%;
  display: inline-block;
  font-weight: normal;
}
@media screen and (max-width: 1400px) {
  div.card .card__content .card__title,
  a.card .card__content .card__title,
  div.card .card__content h3,
  a.card .card__content h3 {
    font-size: 4.4rem;
    line-height: 5rem;
  }
}
@media screen and (max-width: 1200px) {
  div.card .card__content .card__title,
  a.card .card__content .card__title,
  div.card .card__content h3,
  a.card .card__content h3 {
    font-size: 4rem;
    line-height: 4.3rem;
  }
}
@media screen and (max-width: 1000px) {
  div.card .card__content .card__title,
  a.card .card__content .card__title,
  div.card .card__content h3,
  a.card .card__content h3 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
}
@media screen and (max-width: 820px) {
  div.card .card__content .card__title,
  a.card .card__content .card__title,
  div.card .card__content h3,
  a.card .card__content h3 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}
@media screen and (max-width: 500px) {
  div.card .card__content .card__title,
  a.card .card__content .card__title,
  div.card .card__content h3,
  a.card .card__content h3 {
    font-size: 2.6rem;
    line-height: 2.9rem;
  }
}
a.card:hover {
  text-decoration: none;
}
#content ul.listinfos.card {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
#content ul.listinfos.card li.infobox.card {
  flex: 1 0 40%;
}
#content ul.listinfos.card li.infobox.card a.card,
#content ul.listinfos.card li.infobox.card div.card {
  width: 100%;
}
#content ul.listinfos.card--benefits {
  width: calc(100% - var(--var-bodymargin) - 2 * var(--var-grid-gap));
  margin-left: calc(var(--var-bodymargin) + var(--var-grid-gap));
  justify-content: space-between;
  row-gap: 4rem;
}
#content ul.listinfos.card--benefits li.infobox.card {
  flex: 0 0 30%;
  flex-grow: inherit;
  box-sizing: border-box;
  border-radius: var(--var-borderradius);
  background: #fff;
}
#content ul.listinfos.card--benefits li.infobox.card div.card,
#content ul.listinfos.card--benefits li.infobox.card a.card {
  height: auto;
  box-sizing: border-box;
}
.editing.cmart .listinfos.card.showonlyineditmode {
  display: flex !important;
}
.cardslider .swiper-wrapper .swiper-slide {
  width: auto;
}
#content .bg--accent ul.listinfos.card--benefits li.infobox.card div.card p,
#content .bg--dark ul.listinfos.card--benefits li.infobox.card div.card p,
#content .bg--accent ul.listinfos.card--benefits li.infobox.card a.card p,
#content .bg--dark ul.listinfos.card--benefits li.infobox.card a.card p {
  color: #222;
}
.editing div.cm-cover {
  overflow: visible;
}
div.cm-cover {
  width: 100%;
  position: relative;
  clear: left;
  min-height: 75rem;
  height: 100vh;
  overflow: hidden;
  background: var(--color-accent-dark);
}
div.cm-cover .cm-cover__image,
div.cm-cover .cm-cover__video {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
}
div.cm-cover .filedropbox {
  height: 100%;
}
div.cm-cover .cm-cover__image .singlefileconnectionform .picconnection .editpanel {
  margin-left: 0;
  left: auto;
  right: 2em;
}
div.cm-cover.cm-cover--slideshow .swiper {
  opacity: 0.8;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
}
div.cm-cover.cm-cover--slideshow picture {
  height: 100%;
}
div.cm-cover.cm-cover--slideshow .sliderarrows {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 50%;
  width: 98%;
  left: 1%;
  z-index: 20;
  transform: translate(0, 0%);
}
div.cm-cover.cm-cover--slideshow .sliderarrows > div {
  padding: 2rem;
  color: #fff;
}
div.cm-cover.cm-cover--slideshow .swiper,
div.cm-cover.cm-cover--slideshow .cm-cover__slider {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
div.cm-cover.cm-cover--slideshow .swiper .swiper-slide,
div.cm-cover.cm-cover--slideshow .cm-cover__slider .swiper-slide {
  height: 100%;
}
div.cm-cover .cm-cover__video {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}
div.cm-cover video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
div.cm-cover picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
div.cm-cover picture img.image,
div.cm-cover picture img,
div.cm-cover picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.cm-cover--default .cm-cover__content {
  z-index: 30;
  position: absolute;
  text-align: center;
  top: 58%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 80%;
}
div.cm-cover--default .cm-cover__content h1,
div.cm-cover--default .cm-cover__content h2 {
  color: var(--color-accent);
  font-family: var(--font-serif);
  font-size: 6.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 6.8rem;
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
@media screen and (max-width: 1400px) {
  div.cm-cover--default .cm-cover__content h1,
  div.cm-cover--default .cm-cover__content h2 {
    font-size: 6rem;
    line-height: 6.4rem;
  }
}
@media screen and (max-width: 1200px) {
  div.cm-cover--default .cm-cover__content h1,
  div.cm-cover--default .cm-cover__content h2 {
    font-size: 5.2rem;
    line-height: 5.6rem;
  }
}
@media screen and (max-width: 1000px) {
  div.cm-cover--default .cm-cover__content h1,
  div.cm-cover--default .cm-cover__content h2 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
}
@media screen and (max-width: 820px) {
  div.cm-cover--default .cm-cover__content h1,
  div.cm-cover--default .cm-cover__content h2 {
    font-size: 4rem;
    line-height: 4.4rem;
  }
}
@media screen and (max-width: 500px) {
  div.cm-cover--default .cm-cover__content h1,
  div.cm-cover--default .cm-cover__content h2 {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
@media screen and (max-width: 80px) {
  div.cm-cover--default .cm-cover__content h1 br,
  div.cm-cover--default .cm-cover__content h2 br {
    content: ' ';
  }
  div.cm-cover--default .cm-cover__content h1 br:after,
  div.cm-cover--default .cm-cover__content h2 br:after {
    content: ' ';
  }
}
li.content.cover > div.cms_editbox {
  top: 50% !important;
}
.bg--accent a.cm-button,
.bg--dark a.cm-button,
.bg--black a.cm-button,
.bg--accent span.cm-button,
.bg--dark span.cm-button,
.bg--black span.cm-button {
  border-color: #fff;
  color: #fff;
}
.bg--accent a.cm-button .cm-button__icon,
.bg--dark a.cm-button .cm-button__icon,
.bg--black a.cm-button .cm-button__icon,
.bg--accent span.cm-button .cm-button__icon,
.bg--dark span.cm-button .cm-button__icon,
.bg--black span.cm-button .cm-button__icon {
  color: #fff;
}
a.cm-button,
span.cm-button {
  display: inline-block;
  padding: 1rem 2rem;
  position: relative;
  text-decoration: none;
  border: 1px solid var(--color-black);
  color: var(--color-black);
  border-radius: 100px;
  overflow: hidden;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
a.cm-button > span,
span.cm-button > span {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 820px) {
  a.cm-button,
  span.cm-button {
    font-size: 2rem;
  }
}
a.cm-button .cm-button__icon,
span.cm-button .cm-button__icon {
  display: none;
}
a.cm-button--astext,
span.cm-button--astext,
a.cm-button.astext,
span.cm-button.astext {
  border: 0px solid #fff;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
  border-radius: 0;
}
a.cm-button--astext::before,
span.cm-button--astext::before,
a.cm-button.astext::before,
span.cm-button.astext::before {
  height: 2px;
  background: var(--color-accent-light);
}
a.cm-button--astext .cm-button__icon,
span.cm-button--astext .cm-button__icon,
a.cm-button.astext .cm-button__icon,
span.cm-button.astext .cm-button__icon {
  display: none;
}
a.cm-button--light,
span.cm-button--light {
  border-color: #fff;
  color: #fff;
}
a.cm-button--light .cm-button__icon,
span.cm-button--light .cm-button__icon {
  color: #fff;
}
a.cm-button + a.cm-button,
span.cm-button + a.cm-button,
a.cm-button + span.cm-button,
span.cm-button + span.cm-button {
  margin-left: 2rem;
}
.bgdark a.cm-button,
.darkbg a.cm-button,
.bg--dark a.cm-button,
.bg--green a.cm-button,
.bgdark span.cm-button,
.darkbg span.cm-button,
.bg--dark span.cm-button,
.bg--green span.cm-button {
  background: #fff;
}
.no-touch a.cm-button,
.no-touch span.cm-button {
  transition: 0.2s all var(--var-ease);
}
.no-touch a.cm-button .cm-button__icon,
.no-touch span.cm-button .cm-button__icon,
.no-touch a.cm-button .cm-button__title,
.no-touch span.cm-button .cm-button__title,
.no-touch a.cm-button::before,
.no-touch span.cm-button::before {
  transition: 0.2s all var(--var-ease);
}
.no-touch a.cm-button:hover,
.no-touch span.cm-button:hover {
  text-decoration: none;
  background: var(--color-black);
}
.no-touch a.cm-button:hover .cm-button__title,
.no-touch span.cm-button:hover .cm-button__title {
  color: #fff;
}
.no-touch a.cm-button--astext:hover,
.no-touch span.cm-button--astext:hover,
.no-touch a.cm-button.astext:hover,
.no-touch span.cm-button.astext:hover {
  padding-right: 0;
}
.no-touch a.cm-button--astext:hover .cm-button__icon,
.no-touch span.cm-button--astext:hover .cm-button__icon,
.no-touch a.cm-button.astext:hover .cm-button__icon,
.no-touch span.cm-button.astext:hover .cm-button__icon {
  display: none;
}
.no-touch a.cm-button--astext:hover .cm-button__title,
.no-touch span.cm-button--astext:hover .cm-button__title,
.no-touch a.cm-button.astext:hover .cm-button__title,
.no-touch span.cm-button.astext:hover .cm-button__title {
  color: var(--color-accent-light);
}
#content ul.listinfos.button.align--inline {
  text-align: center;
}
#content ul.listinfos.button.centering {
  text-align: center;
}
#content ul.listinfos.button li.button {
  position: relative;
  display: inline-block;
  width: auto;
  clear: none;
}
#content ul.listinfos.button li.button + li.button {
  margin-left: 3em;
  margin-top: 0;
}
@media screen and (max-width: 700px) {
  #content ul.listinfos.button li.button {
    clear: left;
    width: 100%;
    margin-left: 0 !important;
  }
  #content ul.listinfos.button li.button + li.button {
    margin-top: 1.4em;
  }
}
.swiper-outter {
  width: 100%;
}
.imageslider .sliderarrows {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 20;
}
.imageslider .sliderarrows > div {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  box-sizing: border-box;
  font-size: 2rem;
  left: 3rem;
  border-radius: 100px;
  padding: 1.5rem;
  cursor: pointer;
  position: absolute;
  top: 0;
  margin-top: -3rem;
  transition: 0.2s all ease;
  border: 1px solid var(--color-black);
  color: var(--color-black);
}
.imageslider .sliderarrows > div span.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.imageslider .sliderarrows > div + div {
  left: auto;
  right: 3rem;
}
.imageslider .sliderarrows > div:active {
  background: var(--color-black);
  color: #fff;
}
.imageslider .sliderarrows > div.swiper-button-disabled {
  opacity: 0.25;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
}
.imageslider .sliderarrows > div:hover {
  color: var(--color-accent-dark);
  transform: scale(1.1);
}
.imageslider .swiper {
  width: 100%;
}
.imageslider .swiper-slide picture {
  width: 100%;
  display: block;
  height: 80vh;
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  .imageslider .swiper-slide picture {
    height: 50rem;
  }
}
@media screen and (max-width: 500px) {
  .imageslider .swiper-slide picture {
    height: 35rem;
  }
}
.imageslider .swiper-slide picture source,
.imageslider .swiper-slide picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imageslider--small .swiper-slide {
  width: auto;
  max-width: 80%;
}
.imageslider--small .swiper-slide picture {
  width: auto;
  display: block;
  height: 60vh;
  overflow: hidden;
  max-width: 100%;
}
.imageslider--small .swiper-slide picture source,
.imageslider--small .swiper-slide picture img {
  max-width: 100%;
  width: auto;
  height: 100%;
  object-fit: cover;
}
#content div.textblock,
div.textblock {
  position: relative;
  clear: left;
  width: 100%;
}
#content div.textblock.centering,
div.textblock.centering {
  text-align: center;
}
#content div.textblock.centering p,
div.textblock.centering p {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
#content div.textblock .textblockwrap,
div.textblock .textblockwrap {
  display: grid;
  width: 100%;
  column-gap: var(--var-grid-gap);
  grid-template-columns: var(--var-bodymargin) repeat(12, 1fr) var(--var-bodymargin);
}
#content div.textblock .textblockwrap > h4,
div.textblock .textblockwrap > h4 {
  grid-column: 4 / span 8;
}
@media screen and (max-width: 900px) {
  #content div.textblock .textblockwrap > h4,
  div.textblock .textblockwrap > h4 {
    grid-column: 3 / span 10;
  }
}
@media screen and (max-width: 600px) {
  #content div.textblock .textblockwrap > h4,
  div.textblock .textblockwrap > h4 {
    grid-column: 2 / span 12;
    margin-bottom: 3rem;
  }
}
#content div.textblock .textblockwrap > .textobj,
div.textblock .textblockwrap > .textobj {
  grid-column: 4 / span 8;
}
@media screen and (max-width: 900px) {
  #content div.textblock .textblockwrap > .textobj,
  div.textblock .textblockwrap > .textobj {
    grid-column: 3 / span 10;
  }
}
@media screen and (max-width: 600px) {
  #content div.textblock .textblockwrap > .textobj,
  div.textblock .textblockwrap > .textobj {
    grid-column: 2 / span 12;
  }
}
#content div.textblock.style-- .textblockbutton,
div.textblock.style-- .textblockbutton,
#content div.textblock.style--columns .textblockbutton,
div.textblock.style--columns .textblockbutton,
#content div.textblock.style--default .textblockbutton,
div.textblock.style--default .textblockbutton {
  margin-left: 0;
  width: 100%;
  margin-top: 3rem;
}
#content div.textblock.style--bigtext .textobj p,
div.textblock.style--bigtext .textobj p {
  font-family: var(--font-serif);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 4.8rem;
}
@media screen and (max-width: 1400px) {
  #content div.textblock.style--bigtext .textobj p,
  div.textblock.style--bigtext .textobj p {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}
@media screen and (max-width: 1200px) {
  #content div.textblock.style--bigtext .textobj p,
  div.textblock.style--bigtext .textobj p {
    font-size: 3rem;
    line-height: 4.1rem;
  }
}
@media screen and (max-width: 1000px) {
  #content div.textblock.style--bigtext .textobj p,
  div.textblock.style--bigtext .textobj p {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
}
@media screen and (max-width: 820px) {
  #content div.textblock.style--bigtext .textobj p,
  div.textblock.style--bigtext .textobj p {
    font-size: 2.4rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 500px) {
  #content div.textblock.style--bigtext .textobj p,
  div.textblock.style--bigtext .textobj p {
    font-size: 2.1rem;
    line-height: 2.6rem;
  }
}
#content div.textblock.style--bigtext .textblockwrap .textobj,
div.textblock.style--bigtext .textblockwrap .textobj {
  grid-column: 3 / span 10;
}
@media screen and (max-width: 600px) {
  #content div.textblock.style--bigtext .textblockwrap .textobj,
  div.textblock.style--bigtext .textblockwrap .textobj {
    grid-column: 2 / span 12;
  }
}
#content div.textblock.style--bigtext .textobj ul,
div.textblock.style--bigtext .textobj ul {
  margin-top: 4rem;
}
#content div.textblock.style--bigtext .textobj ul li,
div.textblock.style--bigtext .textobj ul li {
  display: inline-block;
  clear: none;
  background: #f0f0f0;
  border-radius: 100px;
  padding: 1rem 2rem;
  margin: 0 1rem 1rem 0;
  line-height: normal;
  width: auto;
}
#content div.textblock.style--bigtext .textobj ul li::before,
div.textblock.style--bigtext .textobj ul li::before {
  display: none;
}
@media screen and (max-width: 800px) {
  #content div.textblock.style--bigtext .textobj ul li,
  div.textblock.style--bigtext .textobj ul li {
    padding: 0.7rem 1.2rem;
  }
}
#content div.textblock.style--bigtext .textobj ul li p,
div.textblock.style--bigtext .textobj ul li p {
  font-size: 2.6rem;
  line-height: normal;
}
@media screen and (max-width: 800px) {
  #content div.textblock.style--bigtext .textobj ul li p,
  div.textblock.style--bigtext .textobj ul li p {
    font-size: 1.2em !important;
  }
}
@media screen and (max-width: 500px) {
  #content div.textblock.style--bigtext .textobj ul li p,
  div.textblock.style--bigtext .textobj ul li p {
    font-size: 1em !important;
  }
}
#content div.textblock.style--bigtext.hassubline .textblockwrap > h4,
div.textblock.style--bigtext.hassubline .textblockwrap > h4 {
  grid-column: 2 / span 2;
}
@media screen and (max-width: 900px) {
  #content div.textblock.style--bigtext.hassubline .textblockwrap > h4,
  div.textblock.style--bigtext.hassubline .textblockwrap > h4 {
    grid-column: 2 / span 12;
  }
}
@media screen and (max-width: 600px) {
  #content div.textblock.style--bigtext.hassubline .textblockwrap > h4,
  div.textblock.style--bigtext.hassubline .textblockwrap > h4 {
    grid-column: 2 / span 12;
  }
}
#content div.textblock.style--bigtext.hassubline .textblockwrap > .textobj,
div.textblock.style--bigtext.hassubline .textblockwrap > .textobj {
  grid-column: 4 / span 9;
}
@media screen and (max-width: 900px) {
  #content div.textblock.style--bigtext.hassubline .textblockwrap > .textobj,
  div.textblock.style--bigtext.hassubline .textblockwrap > .textobj {
    grid-column: 2 / span 12;
  }
}
@media screen and (max-width: 600px) {
  #content div.textblock.style--bigtext.hassubline .textblockwrap > .textobj,
  div.textblock.style--bigtext.hassubline .textblockwrap > .textobj {
    grid-column: 2 / span 12;
  }
}
#content div.textblock div.cm-text,
div.textblock div.cm-text,
#content div.textblock div.textobj,
div.textblock div.textobj {
  width: 100%;
}
#content div.textblock.style--columns div.cm-text,
div.textblock.style--columns div.cm-text,
#content div.textblock.style--columns div.textobj,
div.textblock.style--columns div.textobj {
  column-count: 2;
  column-gap: 4em;
}
@media screen and (max-width: 700px) {
  #content div.textblock.style--columns div.cm-text,
  div.textblock.style--columns div.cm-text,
  #content div.textblock.style--columns div.textobj,
  div.textblock.style--columns div.textobj {
    column-count: 1;
  }
}
.cmartbge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cmartbge.cmartbge--picture {
  background-repeat: no-repeat;
}
.cmartbge {
  z-index: -1;
}
#content ul.accordion,
.accordions {
  position: relative;
  width: 80%;
  margin: 0 auto;
  max-width: 100rem;
}
#content ul.accordion .accordion,
.accordions .accordion {
  position: relative;
  clear: left;
  display: block;
  box-sizing: border-box;
  transition: 0.2s all ease;
}
#content ul.accordion .accordion + .accordion,
.accordions .accordion + .accordion {
  margin-top: 2rem;
}
#content ul.accordion li.accordion:not(.active):hover,
.accordions li.accordion:not(.active):hover {
  background: #f6f5f5;
}
#content ul.accordion .accordion__title,
.accordions .accordion__title,
#content ul.accordion .accordiontitle,
.accordions .accordiontitle {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  padding: 2rem 7rem 2rem 3rem;
  position: relative;
  font-weight: normal;
  font-family: var(--font-serif);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 4.8rem;
  color: var(--color-black);
  line-height: 100%;
  clear: left;
}
@media screen and (max-width: 1400px) {
  #content ul.accordion .accordion__title,
  .accordions .accordion__title,
  #content ul.accordion .accordiontitle,
  .accordions .accordiontitle {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}
@media screen and (max-width: 1200px) {
  #content ul.accordion .accordion__title,
  .accordions .accordion__title,
  #content ul.accordion .accordiontitle,
  .accordions .accordiontitle {
    font-size: 3rem;
    line-height: 4.1rem;
  }
}
@media screen and (max-width: 1000px) {
  #content ul.accordion .accordion__title,
  .accordions .accordion__title,
  #content ul.accordion .accordiontitle,
  .accordions .accordiontitle {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
}
@media screen and (max-width: 820px) {
  #content ul.accordion .accordion__title,
  .accordions .accordion__title,
  #content ul.accordion .accordiontitle,
  .accordions .accordiontitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 500px) {
  #content ul.accordion .accordion__title,
  .accordions .accordion__title,
  #content ul.accordion .accordiontitle,
  .accordions .accordiontitle {
    font-size: 2.1rem;
    line-height: 2.6rem;
  }
}
#content ul.accordion .accordion__title .icon,
.accordions .accordion__title .icon,
#content ul.accordion .accordiontitle .icon,
.accordions .accordiontitle .icon {
  position: absolute;
  top: 50%;
  right: 3rem;
  line-height: 100%;
  transform: translateY(-50%);
  float: right;
  font-size: 0.4em;
  color: var(--color-accent);
}
#content ul.accordion .accordion__title strong,
.accordions .accordion__title strong,
#content ul.accordion .accordiontitle strong,
.accordions .accordiontitle strong {
  width: 80%;
  font-weight: normal;
  line-height: normal;
}
#content ul.accordion .accordion__content,
.accordions .accordion__content,
#content ul.accordion .accordioncontent,
.accordions .accordioncontent {
  display: none;
  clear: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0 3rem 3rem 3rem;
}
#content ul.accordion .accordion__content .textblockwrap,
.accordions .accordion__content .textblockwrap,
#content ul.accordion .accordioncontent .textblockwrap,
.accordions .accordioncontent .textblockwrap {
  display: block;
}
#content ul.accordion .accordion__content table.roomrateslist,
.accordions .accordion__content table.roomrateslist,
#content ul.accordion .accordioncontent table.roomrateslist,
.accordions .accordioncontent table.roomrateslist {
  margin: 0;
}
#content ul.accordion .accordion__content,
.accordions .accordion__content {
  min-height: 0;
}
#content ul.accordion .accordion.active,
.accordions .accordion.active {
  background: #f5f4f4;
}
#content ul.accordion .accordion.active .accordion__title,
.accordions .accordion.active .accordion__title,
#content ul.accordion .accordion.active .accordiontitle,
.accordions .accordion.active .accordiontitle {
  background: transparent;
}
#content ul.accordion .accordion.active .accordion__title .accordion__icon,
.accordions .accordion.active .accordion__title .accordion__icon,
#content ul.accordion .accordion.active .accordiontitle .accordion__icon,
.accordions .accordion.active .accordiontitle .accordion__icon {
  transform: translateY(-50%) rotate(180deg);
}
#content ul.accordion .accordion.active .accordion__title:hover,
.accordions .accordion.active .accordion__title:hover,
#content ul.accordion .accordion.active .accordiontitle:hover,
.accordions .accordion.active .accordiontitle:hover {
  background: transparent;
}
#content ul.accordion .accordion.active .accordion__content,
.accordions .accordion.active .accordion__content,
#content ul.accordion .accordion.active .accordioncontent,
.accordions .accordion.active .accordioncontent {
  display: block;
}
li.infobox.accordion {
  border: 1px solid var(--color-black);
  border-radius: var(--var-borderradius);
}
.bg-- li.infobox.accordion {
  border: 1px solid var(--color-black);
}
#content .bg--dark ul.accordion li.infobox.accordion,
#content .bg--accent ul.accordion li.infobox.accordion,
#content .bg--dark .accordions li.infobox.accordion,
#content .bg--accent .accordions li.infobox.accordion {
  border-color: var(--color-accent-light);
}
#content .bg--dark ul.accordion li.infobox.accordion:not(.active):hover,
#content .bg--accent ul.accordion li.infobox.accordion:not(.active):hover,
#content .bg--dark .accordions li.infobox.accordion:not(.active):hover,
#content .bg--accent .accordions li.infobox.accordion:not(.active):hover {
  background: var(--color-accent-dark);
}
#content .bg--dark ul.accordion li.infobox.accordion .accordion__title,
#content .bg--accent ul.accordion li.infobox.accordion .accordion__title,
#content .bg--dark .accordions li.infobox.accordion .accordion__title,
#content .bg--accent .accordions li.infobox.accordion .accordion__title {
  color: #fff;
}
#content .bg--dark ul.accordion li.infobox.accordion .accordion__icon,
#content .bg--accent ul.accordion li.infobox.accordion .accordion__icon,
#content .bg--dark .accordions li.infobox.accordion .accordion__icon,
#content .bg--accent .accordions li.infobox.accordion .accordion__icon {
  color: var(--color-accent-light);
}
#content .bg--dark ul.accordion li.infobox.accordion:hover .accordion__icon,
#content .bg--accent ul.accordion li.infobox.accordion:hover .accordion__icon,
#content .bg--dark .accordions li.infobox.accordion:hover .accordion__icon,
#content .bg--accent .accordions li.infobox.accordion:hover .accordion__icon {
  color: #fff;
}
#content .bg--dark ul.accordion li.infobox.accordion.active,
#content .bg--accent ul.accordion li.infobox.accordion.active,
#content .bg--dark .accordions li.infobox.accordion.active,
#content .bg--accent .accordions li.infobox.accordion.active {
  background: var(--color-accent-dark);
}
#content .bg--dark ul.accordion li.infobox.accordion.active p,
#content .bg--accent ul.accordion li.infobox.accordion.active p,
#content .bg--dark .accordions li.infobox.accordion.active p,
#content .bg--accent .accordions li.infobox.accordion.active p,
#content .bg--dark ul.accordion li.infobox.accordion.active li,
#content .bg--accent ul.accordion li.infobox.accordion.active li,
#content .bg--dark .accordions li.infobox.accordion.active li,
#content .bg--accent .accordions li.infobox.accordion.active li,
#content .bg--dark ul.accordion li.infobox.accordion.active h2,
#content .bg--accent ul.accordion li.infobox.accordion.active h2,
#content .bg--dark .accordions li.infobox.accordion.active h2,
#content .bg--accent .accordions li.infobox.accordion.active h2,
#content .bg--dark ul.accordion li.infobox.accordion.active h3,
#content .bg--accent ul.accordion li.infobox.accordion.active h3,
#content .bg--dark .accordions li.infobox.accordion.active h3,
#content .bg--accent .accordions li.infobox.accordion.active h3 {
  color: var(--color-lightgrey);
}
#content .bg--lightgrey ul.accordion li.infobox.accordion:not(.active):hover,
#content .bg--hellbeige ul.accordion li.infobox.accordion:not(.active):hover,
#content .bg--lightgrey .accordions li.infobox.accordion:not(.active):hover,
#content .bg--hellbeige .accordions li.infobox.accordion:not(.active):hover {
  background: #fff;
}
#content .bg--lightgrey ul.accordion li.infobox.accordion.active,
#content .bg--hellbeige ul.accordion li.infobox.accordion.active,
#content .bg--lightgrey .accordions li.infobox.accordion.active,
#content .bg--hellbeige .accordions li.infobox.accordion.active {
  background: #fff;
}
ul.listinfos.slider li.infobox {
  position: relative;
  clear: left;
  width: 100%;
  box-sizing: border-box;
  padding: 4em;
  border: 1px solid #ddd;
  margin: 0 0 1em 0;
}
ul.listinfos.slider {
  z-index: 100;
}
ul.listinfos.slider li.infobox {
  padding: 2em;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #ddd;
  margin-bottom: 2em;
  width: 100%;
  clear: left;
  background: #fff;
}
ul.listinfos.slider li.infobox p {
  font-size: 1.5em;
  line-height: 130%;
}
ul.listinfos.slider li.infobox .picconnection {
  position: relative;
}
li.content.slider > div.cms_editbox {
  top: 50% !important;
}
li.content.slider .cmart_list_editor {
  padding: 15em 5em;
  background: #444;
}
.defaultswiper .swiper-slide {
  width: 52em;
  height: 41em;
  margin: 0 3em;
  overflow: hidden;
}
.defaultswiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.jobslist.jobslider {
  padding: 0 0 10rem 0;
}
.jobslist.jobslider .swiper-slide {
  width: auto;
}
.jobslist.jobslider .sliderarrows {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 20;
}
.jobslist.jobslider .sliderarrows > div {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  box-sizing: border-box;
  font-size: 2rem;
  left: 3rem;
  border-radius: 100px;
  padding: 1.5rem;
  cursor: pointer;
  position: absolute;
  top: 0;
  margin-top: -3rem;
  transition: 0.2s all ease;
  border: 1px solid var(--color-black);
  color: var(--color-black);
}
.jobslist.jobslider .sliderarrows > div span.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.jobslist.jobslider .sliderarrows > div + div {
  left: auto;
  right: 3rem;
}
.jobslist.jobslider .sliderarrows > div:active {
  background: var(--color-black);
  color: #fff;
}
.jobslist.jobslider .sliderarrows > div.swiper-button-disabled {
  opacity: 0.25;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
}
.jobslist.jobslider .sliderarrows > div:hover {
  color: var(--color-accent-dark);
  transform: scale(1.1);
}
#content ul.listinfos.card {
  width: 90%;
  margin-left: 5%;
}
@media screen and (max-width: 1400px) {
  #content ul.listinfos.card {
    width: 94%;
    margin-left: 3%;
  }
}
@media screen and (min-width: 1800px) {
  #content ul.listinfos.card {
    width: 80%;
    margin-left: 10%;
  }
}
.cardslider {
  width: 100%;
  position: relative;
  clear: left;
}
ul.pricelist li.pricelist {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 147%;
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 0;
}
@media screen and (max-width: 1000px) {
  ul.pricelist li.pricelist {
    font-size: 1.84rem;
  }
}
@media screen and (max-width: 600px) {
  ul.pricelist li.pricelist {
    font-size: 1.7rem;
  }
}
ul.pricelist li.pricelist .datum,
ul.pricelist li.pricelist .price {
  font-size: 1.2em;
  line-height: normal;
}
ul.pricelist li.pricelist .datum {
  white-space: nowrap;
}
ul.pricelist li.pricelist .price {
  text-align: right;
}
ul.pricelist li.pricelist + li.pricelist {
  border-top: 1px solid #eee;
}
ul.listpictures {
  width: 100%;
  position: relative;
  text-align: center;
}
ul.listpictures li {
  position: relative;
  display: inline-block;
  float: none;
  width: 32%;
  margin: 0.5%;
  height: 32em;
}
@media screen and (max-width: 1000px) {
  ul.listpictures li {
    height: 25em;
  }
}
@media screen and (max-width: 700px) {
  ul.listpictures li {
    height: 20em;
    width: 48%;
  }
}
ul.listpictures li a.lightbox {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
ul.listpictures li a.lightbox img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s all ease;
}
ul.listpictures li a.lightbox .title {
  display: none;
}
ul.listpictures li a.lightbox:hover img {
  opacity: 0.5;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
}
ul.listpictures li.gallerypicture a.lightbox {
  background: #232222;
}
ul.listpictures li.gallerypicture a.lightbox img.gallpicture {
  transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  /* Firefox 4 */
  -webkit-transition: opacity 0.2s ease;
  /* Safari and Chrome */
  -o-transition: opacity 0.2s ease;
  /* Opera */
}
ul.listpictures li.gallerypicture a.lightbox .zoomer {
  display: none;
}
ul.listpictures li.gallerypicture a.lightbox:hover img.gallpicture {
  opacity: 0.3;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
}
ul.listpictures li.gallerypicture a.lightbox:hover .zoomer {
  display: block;
  color: #fff;
  font-size: 2em;
}
div.singlepicture,
a.singlepicture {
  width: 100%;
  clear: left;
  min-height: 8em;
  position: relative;
  display: block;
}
div.singlepicture span.title,
a.singlepicture span.title {
  display: none;
}
div.singlepicture > a.lightbox,
a.singlepicture > a.lightbox,
div.singlepicture > a.zmartbox,
a.singlepicture > a.zmartbox {
  width: 100%;
}
div.singlepicture img.img,
a.singlepicture img.img,
div.singlepicture picture,
a.singlepicture picture,
div.singlepicture picture img,
a.singlepicture picture img,
div.singlepicture picture source,
a.singlepicture picture source,
div.singlepicture video,
a.singlepicture video,
div.singlepicture video source,
a.singlepicture video source {
  transition: 0.15s all ease-in-out;
  -moz-transition: 0.15s all ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 0.15s all ease-in-out;
  /* Safari and Chrome */
  -o-transition: 0.15s all ease-in-out;
  /* Opera */
  max-width: 100%;
}
div.singlepicture.centering,
a.singlepicture.centering {
  text-align: center;
}
div.singlepicture.centering img.img,
a.singlepicture.centering img.img,
div.singlepicture.centering picture,
a.singlepicture.centering picture,
div.singlepicture.centering picture img,
a.singlepicture.centering picture img,
div.singlepicture.centering picture source,
a.singlepicture.centering picture source,
div.singlepicture.centering video,
a.singlepicture.centering video,
div.singlepicture.centering video source,
a.singlepicture.centering video source {
  float: none;
  text-align: center;
}
div.singlepicture span.image,
a.singlepicture span.image {
  position: relative;
  width: 100%;
  display: block;
}
div.singlepicture.width100 img.img,
a.singlepicture.width100 img.img,
div.singlepicture.width100 video,
a.singlepicture.width100 video,
div.singlepicture.width100 picture,
a.singlepicture.width100 picture {
  width: 100%;
}
div.singlepicture.width100 img.img img,
a.singlepicture.width100 img.img img,
div.singlepicture.width100 video img,
a.singlepicture.width100 video img,
div.singlepicture.width100 picture img,
a.singlepicture.width100 picture img,
div.singlepicture.width100 img.img source,
a.singlepicture.width100 img.img source,
div.singlepicture.width100 video source,
a.singlepicture.width100 video source,
div.singlepicture.width100 picture source,
a.singlepicture.width100 picture source {
  width: 100%;
}
a.singlepicture {
  min-height: 8em;
}
a.singlepicture.noshadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.singlepicture.centering {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cmart.editing .imageslider {
  min-height: 150px;
}
.listediting .swiper {
  display: none !important;
}
div.cm-fullpicwrap {
  display: grid;
  width: 100%;
  column-gap: var(--var-grid-gap);
  grid-template-columns: var(--var-bodymargin) repeat(12, 1fr) var(--var-bodymargin);
}
div.cm-fullpic,
a.cm-fullpic {
  grid-column: 3 / span 10;
  height: 65rem;
  position: relative;
  clear: left;
  display: block;
  overflow: hidden;
  border-radius: var(--var-borderradius);
}
div.cm-fullpic.moveleft,
a.cm-fullpic.moveleft {
  grid-column: 4 / span 10;
}
@media screen and (max-width: 1200px) {
  div.cm-fullpic,
  a.cm-fullpic {
    height: 55rem;
  }
}
@media screen and (max-width: 1000px) {
  div.cm-fullpic,
  a.cm-fullpic {
    height: 50rem;
  }
}
@media screen and (max-width: 800px) {
  div.cm-fullpic,
  a.cm-fullpic {
    height: 50rem;
  }
  div.cm-fullpic .cm-fullpic__image::after,
  a.cm-fullpic .cm-fullpic__image::after {
    opacity: 0.35;
    -ms-filter: "alpha(opacity=calc(100*@wert))";
    -khtml-opacity: 0.35;
    -moz-opacity: 0.35;
  }
}
@media screen and (max-width: 500px) {
  div.cm-fullpic,
  a.cm-fullpic {
    height: 40em;
  }
}
div.cm-fullpic .cm-fullpic__image,
a.cm-fullpic .cm-fullpic__image {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: Var(--color-accent);
}
div.cm-fullpic .cm-fullpic__image > img,
a.cm-fullpic .cm-fullpic__image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
div.cm-fullpic .cm-fullpic__image > img,
a.cm-fullpic .cm-fullpic__image > img,
div.cm-fullpic .cm-fullpic__image picture img,
a.cm-fullpic .cm-fullpic__image picture img {
  opacity: 0.5;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  transition: 0.2s all ease;
}
div.cm-fullpic .cm-fullpic__image .picwrapper,
a.cm-fullpic .cm-fullpic__image .picwrapper {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
div.cm-fullpic .cm-fullpic__image picture,
a.cm-fullpic .cm-fullpic__image picture {
  width: 100%;
  height: 100%;
}
div.cm-fullpic .cm-fullpic__image picture img,
a.cm-fullpic .cm-fullpic__image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.cm-fullpic .cm-fullpic__image .singlefileconnectionform .picconnection .editpanel,
a.cm-fullpic .cm-fullpic__image .singlefileconnectionform .picconnection .editpanel {
  margin-left: 0;
  left: auto;
  right: 2em;
}
div.cm-fullpic .cm-fullpic__image .bgimage,
a.cm-fullpic .cm-fullpic__image .bgimage {
  transition: 0.8s all ease;
}
div.cm-fullpic:hover .cm-fullpic__image > img,
a.cm-fullpic:hover .cm-fullpic__image > img,
div.cm-fullpic:hover .cm-fullpic__image picture img,
a.cm-fullpic:hover .cm-fullpic__image picture img {
  transform: scale(1.03);
  opacity: 0.75;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.75;
  -moz-opacity: 0.75;
}
div.cm-fullpic .cm-fullpic__content,
a.cm-fullpic .cm-fullpic__content {
  z-index: 10;
  position: absolute;
  bottom: 12%;
  left: 10%;
  width: 80%;
  clear: both;
  display: flex;
  align-items: end;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  div.cm-fullpic .cm-fullpic__content,
  a.cm-fullpic .cm-fullpic__content {
    height: 80%;
    bottom: 10%;
    flex-wrap: wrap;
  }
}
div.cm-fullpic .cm-fullpic__content .cm-fullpic__headline,
a.cm-fullpic .cm-fullpic__content .cm-fullpic__headline {
  color: #fff;
  font-weight: normal;
  margin-bottom: 0;
  font-family: var(--font-serif);
  font-size: 5.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 117%;
}
@media screen and (max-width: 1400px) {
  div.cm-fullpic .cm-fullpic__content .cm-fullpic__headline,
  a.cm-fullpic .cm-fullpic__content .cm-fullpic__headline {
    font-size: 5rem;
  }
}
@media screen and (max-width: 1200px) {
  div.cm-fullpic .cm-fullpic__content .cm-fullpic__headline,
  a.cm-fullpic .cm-fullpic__content .cm-fullpic__headline {
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 1000px) {
  div.cm-fullpic .cm-fullpic__content .cm-fullpic__headline,
  a.cm-fullpic .cm-fullpic__content .cm-fullpic__headline {
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 820px) {
  div.cm-fullpic .cm-fullpic__content .cm-fullpic__headline,
  a.cm-fullpic .cm-fullpic__content .cm-fullpic__headline {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 500px) {
  div.cm-fullpic .cm-fullpic__content .cm-fullpic__headline,
  a.cm-fullpic .cm-fullpic__content .cm-fullpic__headline {
    font-size: 3rem;
  }
}
@media screen and (max-width: 800px) {
  div.cm-fullpic .cm-fullpic__content .cm-fullpic__headline,
  a.cm-fullpic .cm-fullpic__content .cm-fullpic__headline {
    align-self: start;
  }
}
div.cm-fullpic .cm-fullpic__content .cm-button,
a.cm-fullpic .cm-fullpic__content .cm-button {
  border-color: #fff;
  color: #fff;
}
div.cm-fullpic .cm-fullpic__content .cm-button .cm-button__icon,
a.cm-fullpic .cm-fullpic__content .cm-button .cm-button__icon {
  color: #fff;
}
li.fullpic + li.fullpic,
div.contentblock.cm-fullpicwrap + div.contentblock.cm-fullpicwrap {
  margin-top: 5rem;
}
#content div.cmartcols {
  width: 100%;
  clear: left;
  position: relative;
  min-height: 5em;
}
#content div.cmartcols .cmartcols__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 7rem;
  justify-content: center;
}
#content div.cmartcols .cmartcols__item {
  position: relative;
}
#content div.cmartcols .cmartcols__item .textblockwrap {
  width: 100%;
  display: block;
  margin: 0;
}
#content div.cmartcols--1 .cmartcols__item,
#content div.cmartcols-- .cmartcols__item {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  #content div.cmartcols--2 .cmartcols__inner {
    justify-content: space-around;
    gap: 1rem;
  }
}
#content div.cmartcols--2 div.textblock {
  position: relative;
  clear: left;
  width: 100%;
}
#content div.cmartcols--2.centerpadding .cmartcols__inner {
  gap: 20rem;
}
@media screen and (max-width: 1000px) {
  #content div.cmartcols--2.centerpadding .cmartcols__inner {
    gap: 3rem;
  }
}
#content div.cmartcols--2.centerpadding .cmartcols__inner .cmartcols__item.col2 {
  margin-top: 10rem;
}
@media screen and (max-width: 1000px) {
  #content div.cmartcols--2.centerpadding .cmartcols__inner .cmartcols__item.col2 {
    margin-top: 5rem;
  }
}
#content div.cmartcols--2 .cmartcols__item {
  width: 58rem;
}
@media screen and (max-width: 1000px) {
  #content div.cmartcols--2 .cmartcols__item {
    width: 70%;
  }
}
@media screen and (max-width: 1000px) {
  #content div.cmartcols--2 .cmartcols__item.col2 {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 800px) {
  #content div.cmartcols--3 .cmartcols__inner {
    justify-content: space-around;
    gap: 1rem;
  }
}
#content div.cmartcols--3 .cmartcols__item {
  width: 25%;
}
@media screen and (max-width: 1200px) {
  #content div.cmartcols--3 .cmartcols__item.col1 {
    width: 80%;
  }
  #content div.cmartcols--3 .cmartcols__item.col2,
  #content div.cmartcols--3 .cmartcols__item.col3 {
    width: 40%;
    margin-top: 5rem;
  }
}
@media screen and (max-width: 800px) {
  #content div.cmartcols--3 .cmartcols__item.col1,
  #content div.cmartcols--3 .cmartcols__item.col2,
  #content div.cmartcols--3 .cmartcols__item.col3 {
    width: 70%;
    margin-top: 4rem;
  }
}
div.backgroundbox,
div.backgroundbox > .contentbox {
  width: 100%;
  clear: left;
  position: relative;
  min-height: 15em;
}
div.backgroundbox.border::before,
div.backgroundbox > .contentbox.border::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  z-index: -1;
}
div.backgroundbox .cmartbge {
  z-index: 0;
}
body.cmart.editing div.backgroundbox {
  box-sizing: border-box;
  border: 5px solid var(--cmart-color);
}
div.linkgrid {
  position: relative;
  background: transparent;
  box-sizing: border-box;
}
div.linkgrid .linkgrid__links {
  display: grid;
  width: 100%;
  column-gap: var(--var-grid-gap);
  grid-template-columns: var(--var-bodymargin) repeat(12, 1fr) var(--var-bodymargin);
  gap: clamp(8px, 1vw, 16px);
  align-items: start;
  grid-auto-flow: dense;
}
div.linkgrid .linkgrid__links .linkgrid__item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--var-borderradius);
  min-height: 5rem;
}
div.linkgrid .linkgrid__links .linkgrid__item img,
div.linkgrid .linkgrid__links .linkgrid__item picture,
div.linkgrid .linkgrid__links .linkgrid__item video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.linkgrid .linkgrid__links.has-3 .linkgrid__item:nth-child(1) {
  grid-column: 1 / span 7;
  grid-row: 1 / span 3;
  height: 100%;
  min-height: 70rem;
  overflow: hidden;
}
div.linkgrid .linkgrid__links.has-3 .linkgrid__item:nth-child(2) {
  grid-column: 9 / span 3;
  grid-row: 1;
}
div.linkgrid .linkgrid__links.has-3 .linkgrid__item:nth-child(3) {
  grid-column: 11 / span 4;
  grid-row: 3;
}
div.linkgrid .linkgrid__links.has-4 .linkgrid__item:nth-child(1) {
  grid-column: 2 / span 8;
  grid-row: 1 / span 2;
  aspect-ratio: 4 / 3;
}
div.linkgrid .linkgrid__links.has-4 .linkgrid__item:nth-child(2) {
  grid-column: 10 / span 4;
  grid-row: 1;
  aspect-ratio: 16 / 10;
}
div.linkgrid .linkgrid__links.has-4 .linkgrid__item:nth-child(3) {
  grid-column: 10 / span 2;
  grid-row: 2;
  aspect-ratio: 1 / 1;
}
div.linkgrid .linkgrid__links.has-4 .linkgrid__item:nth-child(4) {
  grid-column: 12 / span 2;
  grid-row: 2;
  aspect-ratio: 1 / 1;
}
@media (max-width: 900px) {
  div.linkgrid .linkgrid__links .linkgrid__item {
    grid-row: auto !important;
  }
  div.linkgrid .linkgrid__links.has-3 .linkgrid__item:nth-child(1) {
    height: auto;
    grid-column: 2 / span 12 !important;
    margin-bottom: 5rem;
    min-height: 0;
  }
  div.linkgrid .linkgrid__links.has-3 .linkgrid__item:nth-child(2) {
    grid-column: 2 / span 4;
  }
  div.linkgrid .linkgrid__links.has-3 .linkgrid__item:nth-child(3) {
    grid-column: 8 / span 6;
  }
}
@media (max-width: 600px) {
  div.linkgrid .linkgrid__links {
    gap: 10px;
  }
  div.linkgrid .linkgrid__links .linkgrid__item {
    aspect-ratio: auto;
  }
}
.cm-hr {
  width: 100%;
  clear: left;
  display: block;
  text-align: center;
}
.cm-hr svg {
  width: 6rem;
  height: auto;
  --logocolor: var(--color-accent-light);
}
div.cb-layout {
  width: 100%;
  clear: left;
  position: relative;
}
div.cb-layout--imageleft-textright .cb-layout__wrap,
div.cb-layout--imageright-textleft .cb-layout__wrap {
  display: grid;
  width: 100%;
  column-gap: var(--var-grid-gap);
  grid-template-columns: var(--var-bodymargin) repeat(12, 1fr) var(--var-bodymargin);
  grid-gap: 0;
  grid-auto-flow: dense;
}
div.cb-layout--imageleft-textright .cb-layout__text,
div.cb-layout--imageright-textleft .cb-layout__text,
div.cb-layout--imageleft-textright .cb-layout__image,
div.cb-layout--imageright-textleft .cb-layout__image {
  position: relative;
}
div.cb-layout--imageleft-textright .cb-layout__text,
div.cb-layout--imageright-textleft .cb-layout__text {
  padding: 10rem 0;
}
@media screen and (max-width: 740px) {
  div.cb-layout--imageleft-textright .cb-layout__text,
  div.cb-layout--imageright-textleft .cb-layout__text {
    padding: 3rem 0;
  }
}
div.cb-layout--imageleft-textright .cb-layout__text > div,
div.cb-layout--imageright-textleft .cb-layout__text > div,
div.cb-layout--imageleft-textright .cb-layout__text > div > div,
div.cb-layout--imageright-textleft .cb-layout__text > div > div {
  margin-top: var(--var-row-gap);
}
div.cb-layout--imageleft-textright .cb-layout__slideshow,
div.cb-layout--imageright-textleft .cb-layout__slideshow {
  display: flex;
  align-items: center;
}
div.cb-layout--imageleft-textright .cb-layout__slideshow .swiper .sliderarrows,
div.cb-layout--imageright-textleft .cb-layout__slideshow .swiper .sliderarrows {
  left: 0;
}
@media screen and (max-width: 800px) {
  div.cb-layout--imageleft-textright .cb-layout__slideshow,
  div.cb-layout--imageright-textleft .cb-layout__slideshow {
    width: 100%;
    margin-bottom: 10rem;
  }
  div.cb-layout--imageleft-textright .cb-layout__slideshow .swiper .sliderarrows,
  div.cb-layout--imageright-textleft .cb-layout__slideshow .swiper .sliderarrows {
    left: 7%;
  }
  div.cb-layout--imageleft-textright .cb-layout__slideshow .swiper .swiper-slide picture,
  div.cb-layout--imageright-textleft .cb-layout__slideshow .swiper .swiper-slide picture {
    height: 40rem;
  }
}
div.cb-layout--imageleft-textright .cb-layout__image,
div.cb-layout--imageright-textleft .cb-layout__image {
  min-height: 90vh;
}
div.cb-layout--imageleft-textright .cb-layout__image .filedropbox,
div.cb-layout--imageright-textleft .cb-layout__image .filedropbox {
  height: 100%;
}
@media screen and (max-width: 740px) {
  div.cb-layout--imageleft-textright .cb-layout__image,
  div.cb-layout--imageright-textleft .cb-layout__image {
    margin-bottom: 5rem;
    min-height: 60vh;
  }
}
div.cb-layout--imageleft-textright .cb-layout__image video,
div.cb-layout--imageright-textleft .cb-layout__image video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
div.cb-layout--imageleft-textright .cb-layout__image picture,
div.cb-layout--imageright-textleft .cb-layout__image picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
div.cb-layout--imageleft-textright .cb-layout__image picture img.image,
div.cb-layout--imageright-textleft .cb-layout__image picture img.image,
div.cb-layout--imageleft-textright .cb-layout__image picture img,
div.cb-layout--imageright-textleft .cb-layout__image picture img,
div.cb-layout--imageleft-textright .cb-layout__image picture source,
div.cb-layout--imageright-textleft .cb-layout__image picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.cb-layout--imageleft-textright .cb-layout__image .image,
div.cb-layout--imageright-textleft .cb-layout__image .image {
  width: 100%;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: var(--var-borderradius);
  overflow: hidden;
}
div.cb-layout--imageleft-textright .cb-layout__image .image img.img,
div.cb-layout--imageright-textleft .cb-layout__image .image img.img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.cb-layout.cb-layout--imageleft-textright .cb-layout__image {
  grid-column: 2 / span 6;
}
@media screen and (max-width: 740px) {
  div.cb-layout.cb-layout--imageleft-textright .cb-layout__image {
    grid-column: 3 / span 10;
  }
}
@media screen and (max-width: 500px) {
  div.cb-layout.cb-layout--imageleft-textright .cb-layout__image {
    grid-column: 2 / span 12;
  }
}
div.cb-layout.cb-layout--imageleft-textright .cb-layout__text {
  grid-column: 9 / span 4;
}
@media screen and (max-width: 900px) {
  div.cb-layout.cb-layout--imageleft-textright .cb-layout__text {
    grid-column: 9 / span 5;
  }
}
@media screen and (max-width: 740px) {
  div.cb-layout.cb-layout--imageleft-textright .cb-layout__text {
    grid-column: 3 / span 10;
  }
}
@media screen and (max-width: 500px) {
  div.cb-layout.cb-layout--imageleft-textright .cb-layout__text {
    grid-column: 2 / span 12;
  }
}
div.cb-layout--imageright-textleft .cb-layout__image,
div.cb-layout--imageright-textleft .cb-layout__slideshow {
  grid-column: 8 / span 6;
}
@media screen and (max-width: 740px) {
  div.cb-layout--imageright-textleft .cb-layout__image,
  div.cb-layout--imageright-textleft .cb-layout__slideshow {
    grid-column: 3 / span 10;
  }
}
@media screen and (max-width: 500px) {
  div.cb-layout--imageright-textleft .cb-layout__image,
  div.cb-layout--imageright-textleft .cb-layout__slideshow {
    grid-column: 2 / span 12;
  }
}
div.cb-layout--imageright-textleft .cb-layout__text {
  grid-column: 3 / span 4;
}
@media screen and (max-width: 900px) {
  div.cb-layout--imageright-textleft .cb-layout__text {
    grid-column: 2 / span 5;
  }
}
@media screen and (max-width: 740px) {
  div.cb-layout--imageright-textleft .cb-layout__text {
    grid-column: 3 / span 10;
  }
}
@media screen and (max-width: 500px) {
  div.cb-layout--imageright-textleft .cb-layout__text {
    grid-column: 2 / span 12;
  }
}
div.cb-layout--text2bilder .cb-layout__wrap {
  display: grid;
  width: 100%;
  column-gap: var(--var-grid-gap);
  grid-template-columns: var(--var-bodymargin) repeat(12, 1fr) var(--var-bodymargin);
  grid-auto-rows: auto;
  row-gap: var(--var-row-gap);
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images {
  grid-column: 8 / span 5;
  grid-row: 1 / 3;
  position: relative;
}
@media screen and (max-width: 1200px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images {
    grid-column: 8 / span 6;
  }
}
@media screen and (max-width: 740px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images {
    grid-column: 3 / span 10;
    grid-row: auto;
    height: 60rem;
  }
}
@media screen and (max-width: 500px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images {
    grid-column: 2 / span 12;
    height: 45rem;
  }
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images .cb-layout__image {
  position: absolute;
  border-radius: var(--var-borderradius);
  overflow: hidden;
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images picture img.image,
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images picture img,
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images .cb-layout__image:first-child {
  top: 0;
  right: 0;
  width: 80%;
  height: 80%;
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__images .cb-layout__image:last-child {
  bottom: 0;
  left: 0;
  width: 40%;
  height: 18rem;
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__subtitle {
  grid-column: 3 / span 5;
}
@media screen and (max-width: 1200px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__subtitle {
    grid-column: 2 / span 6;
  }
}
@media screen and (max-width: 740px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__subtitle {
    grid-column: 3 / span 10;
  }
}
@media screen and (max-width: 500px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__subtitle {
    grid-column: 2 / span 12;
  }
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__title {
  grid-column: 3 / span 5;
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__title h2,
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__title h3,
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__title h4 {
  width: 110%;
}
@media screen and (max-width: 1200px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__title {
    grid-column: 2 / span 6;
  }
}
@media screen and (max-width: 740px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__title {
    grid-column: 3 / span 10;
  }
}
@media screen and (max-width: 500px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__title {
    grid-column: 2 / span 12;
  }
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__title h2,
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__title h3,
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__title h4 {
    width: 100%;
  }
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__text {
  grid-column: 4 / span 3;
}
@media screen and (max-width: 1200px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__text {
    grid-column: 3 / span 4;
  }
}
@media screen and (max-width: 740px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__text {
    grid-column: 4 / span 9;
  }
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__buttons {
  grid-column: 4 / span 4;
}
@media screen and (max-width: 1200px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__buttons {
    grid-column: 3 / span 5;
  }
}
@media screen and (max-width: 740px) {
  div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__buttons {
    grid-column: 4 / span 9;
  }
}
div.cb-layout--text2bilder .cb-layout__wrap .cb-layout__buttons a + a {
  margin-left: 2rem;
}
div.cb-layout--text2bilder .cb-layout__wrap.rows4 .cb-layout__images {
  grid-row: 1 / 4;
}
div.cb-layout--text2bilder .cb-layout__wrap.rows5 .cb-layout__images {
  grid-row: 1 / 5;
}
div.cb-layout--text-2cols .cb-layout__wrap {
  display: grid;
  width: 100%;
  column-gap: var(--var-grid-gap);
  grid-template-columns: var(--var-bodymargin) repeat(12, 1fr) var(--var-bodymargin);
  position: relative;
}
div.cb-layout--text-2cols .cb-layout__wrap .cb-layout__headline {
  grid-column: 4 / span 4;
}
@media screen and (max-width: 800px) {
  div.cb-layout--text-2cols .cb-layout__wrap .cb-layout__headline {
    grid-column: 3 / span 5;
  }
}
@media screen and (max-width: 500px) {
  div.cb-layout--text-2cols .cb-layout__wrap .cb-layout__headline {
    grid-column: 2 / span 6;
  }
}
div.cb-layout--text-2cols .cb-layout__wrap .cb-layout__text {
  grid-column: 8 / span 4;
}
@media screen and (max-width: 800px) {
  div.cb-layout--text-2cols .cb-layout__wrap .cb-layout__text {
    grid-column: 8 / span 5;
  }
}
@media screen and (max-width: 500px) {
  div.cb-layout--text-2cols .cb-layout__wrap .cb-layout__text {
    grid-column: 8 / span 6;
  }
}
.abstand {
  clear: left;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.abstand > img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  transform: translate(-50%, -50%);
}
.abstand.paddingtop > img {
  width: 5em;
  display: inline-block;
}
.abstand.paddingtop--row > img,
.abstand.paddingtop--small > img {
  display: none;
}
body.editing div.abstand {
  min-height: 2rem;
}
body.editing div.abstand:hover {
  cursor: pointer;
}
body.editing div.abstand:hover::before,
body.editing div.abstand:hover::after {
  position: absolute;
  top: 5px;
  content: ' ';
  box-sizing: border-box;
  display: block;
  left: 5px;
  border-radius: 10px;
  z-index: 1;
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}
body.editing div.abstand:hover::before {
  opacity: 0.2;
  background: var(--cmart-color);
}
body.editing div.abstand:hover::after {
  border: 1px solid var(--cmart-color);
}
.cm-slideshow {
  width: 100%;
  position: relative;
}
.cm-slideshow .swiper-outter {
  position: relative;
  display: grid;
  width: 100%;
  column-gap: var(--var-grid-gap);
  grid-template-columns: var(--var-bodymargin) repeat(12, 1fr) var(--var-bodymargin);
}
.cm-slideshow div.swiper {
  grid-column: 2 / span 12;
}
.cm-slideshow div.swiper .swiper-slide {
  border-radius: var(--var-borderradius);
}
.cm-slideshow div.swiper .swiper-slide video,
.cm-slideshow div.swiper .swiper-slide picture,
.cm-slideshow div.swiper .swiper-slide img {
  border-radius: var(--var-borderradius);
}
.cmart .cm-slideshow {
  min-height: 10rem;
}
.cm-existingcontent .cmart-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.cmart.editing .cm-existingcontent::before {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 55;
  content: ' ';
  background: var(--cmart-color);
  opacity: 0.1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.1;
  -moz-opacity: 0.1;
}
/*
 * ===============
 * CONTACT FORM
 * ===============
 */
.contactform {
  position: relative;
  clear: left;
  width: 90%;
  max-width: 90rem;
  margin: 0 auto;
}
.contactform .clearer {
  clear: both;
  width: 100%;
  position: relative;
  display: block;
  height: 2.5rem;
}
.contactform input,
.contactform textarea,
.contactform button.submit,
.contactform select {
  font-size: 1.75rem;
  color: var(--color-black);
}
.contactform input,
.contactform textarea,
.contactform select {
  width: 100%;
  padding: 1rem;
  font-family: var(--font-serif);
  box-sizing: border-box;
  border: 1px solid #222;
  border-radius: var(--var-borderradius);
  clear: left;
}
.contactform input:focus,
.contactform textarea:focus,
.contactform select:focus {
  border-color: black;
}
.contactform input:hover,
.contactform textarea:hover,
.contactform select:hover {
  border-color: green;
}
.contactform .field {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.contactform .field.quarter2 {
  width: 47%;
}
.contactform .field.quarter1 {
  width: 22%;
}
.contactform .field.quarter3 {
  width: 72%;
}
.contactform .room_num_select select {
  width: auto;
  clear: none;
}
.contactform button.submit {
  cursor: pointer;
  font-size: 2.8rem;
  font-family: var(--font-serif);
  line-height: 100%;
  padding: 1.2rem 3rem;
  border-radius: 100px;
  background: var(--color-black);
  border: 0;
  color: #fff;
  margin-top: 1em;
}
.contactform button.submit span {
  position: absolute;
  top: 45%;
  right: 1.9em;
  transform: rotate(-45deg) translate(0, -50%);
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.contactform label {
  margin-bottom: 0.5em;
  font-size: 1.5em;
  width: 100%;
}
.contactform .frow {
  width: 100%;
  position: relative;
  margin-bottom: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contactform .frow.hide {
  display: none;
}
@media screen and (max-width: 800px) {
  .contactform .frow .totalmobile {
    width: 100%;
    clear: left;
  }
}
#kids_ages_row {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
#kids_ages_row > div.room_num_select {
  margin: 1rem;
  max-width: 100%;
  width: 20rem;
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  padding: 1rem;
  background: #f0f0f0;
  border-radius: 4px;
}
#kids_ages_row .room_num_select strong {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 110%;
  display: block;
  margin-bottom: 0.5rem;
}
#kids_ages_row .room_num_select select {
  width: 100%;
}
div.singleheadline {
  position: relative;
  z-index: 10;
  display: grid;
  width: 100%;
  column-gap: var(--var-grid-gap);
  grid-template-columns: var(--var-bodymargin) repeat(12, 1fr) var(--var-bodymargin);
}
div.singleheadline h1,
div.singleheadline h2,
div.singleheadline h3,
div.singleheadline h4 {
  grid-column: 3 / span 10;
  color: var(--color-black);
}
div.singleheadline h1.centering,
div.singleheadline h2.centering,
div.singleheadline h3.centering,
div.singleheadline h4.centering {
  text-align: center;
}
div.singleheadline h1 {
  font-family: var(--font-serif);
  font-size: 9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 8.8rem;
}
@media screen and (max-width: 1400px) {
  div.singleheadline h1 {
    font-size: 8rem;
    line-height: 8rem;
  }
}
@media screen and (max-width: 1200px) {
  div.singleheadline h1 {
    font-size: 6.8rem;
    line-height: 6.6rem;
  }
}
@media screen and (max-width: 1000px) {
  div.singleheadline h1 {
    font-size: 6.2rem;
    line-height: 6rem;
  }
}
@media screen and (max-width: 820px) {
  div.singleheadline h1 {
    font-size: 5.4rem;
    line-height: 5.2rem;
  }
}
@media screen and (max-width: 80px) {
  div.singleheadline h1 br {
    content: ' ';
  }
  div.singleheadline h1 br:after {
    content: ' ';
  }
}
div.singleheadline.withlink {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
div.singleheadline h4 + h1 {
  margin-top: 4rem;
}
.cm-rooms {
  display: grid;
  width: 100%;
  column-gap: var(--var-grid-gap);
  grid-template-columns: var(--var-bodymargin) repeat(12, 1fr) var(--var-bodymargin);
}
.cm-rooms > h2 {
  width: 100%;
  margin-bottom: 8rem;
  grid-column: 4 / span 8;
}
.cm-rooms .cm-roomlist {
  grid-column: 1 / -1;
  position: relative;
  display: grid;
  width: 100%;
  column-gap: var(--var-grid-gap);
  grid-template-columns: var(--var-bodymargin) repeat(12, 1fr) var(--var-bodymargin);
  row-gap: 7rem;
}
.cm-rooms .cm-roomlist .cm-room {
  grid-column: 4 / span 8;
  background: #fff;
  border-radius: var(--var-borderradius);
  overflow: hidden;
}
.cm-rooms .cm-roomlist .cm-room .room__image {
  width: 100%;
}
.cm-rooms .cm-roomlist .cm-room .room__image a {
  width: 100%;
  display: block;
  text-decoration: none;
}
.cm-rooms .cm-roomlist .cm-room .room__image a.hide {
  display: none;
}
.cm-rooms .cm-roomlist .cm-room .room__image a img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.cm-rooms .cm-roomlist .cm-room .room__content {
  width: 100%;
  padding: 5rem 8rem;
  box-sizing: border-box;
}
.cm-rooms .cm-roomlist .cm-room .room__content .room__text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.cm-rooms .cm-roomlist .cm-room .room__content .room__text h3 {
  width: 60%;
  font-family: var(--font-serif);
  font-size: 4.1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 125%;
  line-height: 100%;
}
@media screen and (max-width: 1400px) {
  .cm-rooms .cm-roomlist .cm-room .room__content .room__text h3 {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 1200px) {
  .cm-rooms .cm-roomlist .cm-room .room__content .room__text h3 {
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .cm-rooms .cm-roomlist .cm-room .room__content .room__text h3 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 820px) {
  .cm-rooms .cm-roomlist .cm-room .room__content .room__text h3 {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 500px) {
  .cm-rooms .cm-roomlist .cm-room .room__content .room__text h3 {
    font-size: 2.4rem;
  }
}
.cm-rooms .cm-roomlist .cm-room .room__content .room__text .roomfacts {
  width: auto;
  white-space: nowrap;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 147%;
}
@media screen and (max-width: 1000px) {
  .cm-rooms .cm-roomlist .cm-room .room__content .room__text .roomfacts {
    font-size: 1.84rem;
  }
}
@media screen and (max-width: 600px) {
  .cm-rooms .cm-roomlist .cm-room .room__content .room__text .roomfacts {
    font-size: 1.7rem;
  }
}
.cm-rooms .cm-roomlist .cm-room .room__content .room__text .roomfacts > span {
  display: block;
}
.cm-rooms .cm-roomlist .cm-room .room__content .roombuttons {
  clear: left;
  width: 100%;
  display: flex;
  margin-top: 5rem;
  justify-content: space-between;
}
.cm-rooms .cm-roomlist .cm-room .room__content .roombuttons a {
  align-self: start;
}
.cm-rooms .cm-roomlist .cm-room:nth-child(2n) {
  grid-column: 5 / span 8;
}
.cm-rooms .cm-roomlist::after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: var(--color-lightgrey);
  z-index: -1;
  width: 100%;
  height: calc(100% - 15rem);
}
.cm-room-detail .cm-cover .roomfacts {
  z-index: 20;
  position: absolute;
  bottom: 10rem;
  right: 10rem;
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 147%;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 0 1.5rem;
}
@media screen and (max-width: 1000px) {
  .cm-room-detail .cm-cover .roomfacts {
    font-size: 1.84rem;
  }
}
@media screen and (max-width: 600px) {
  .cm-room-detail .cm-cover .roomfacts {
    font-size: 1.7rem;
  }
}
.cm-room-detail .cm-cover .roomfacts h4 {
  display: none;
}
.cm-room-detail .cm-cover .roomfacts > div {
  display: inline-block;
  padding: 1.5rem;
}
.cm-room-detail .cm-cover .roomfacts > div:first-child {
  border-right: 1px solid #fff;
}
.cm-room-detail > .roomfacts {
  width: 100%;
  text-align: center;
}
.cm-room-detail > .roomfacts > div {
  display: inline-block;
  padding: 0 4rem;
}
.cm-room-detail > .roomfacts > div h4 {
  text-align: center;
}
.cm-room-detail > .roomfacts > div p {
  font-family: var(--font-serif);
  font-size: 5.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 117%;
  text-align: center;
}
@media screen and (max-width: 1400px) {
  .cm-room-detail > .roomfacts > div p {
    font-size: 5rem;
  }
}
@media screen and (max-width: 1200px) {
  .cm-room-detail > .roomfacts > div p {
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .cm-room-detail > .roomfacts > div p {
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 820px) {
  .cm-room-detail > .roomfacts > div p {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 500px) {
  .cm-room-detail > .roomfacts > div p {
    font-size: 3rem;
  }
}
.cm-room-detail .intendholder .cm-button {
  font-size: 3rem;
  padding: 1rem 6rem 1rem 2.7rem;
}
.roomrateslist {
  min-height: 10rem;
  display: grid;
  width: 100%;
  column-gap: var(--var-grid-gap);
  grid-template-columns: var(--var-bodymargin) repeat(12, 1fr) var(--var-bodymargin);
}
.roomrateslist .priceinfo {
  grid-column: 3 / span 3;
}
.roomrateslist .prices {
  grid-column: 7 / span 7;
}
.roomrateslist .pricerows {
  width: 100%;
  margin: 3rem 0;
}
.roomrateslist .cm-button + .cm-button {
  margin-left: 2rem;
}
.roomrateslist .pricelist__pricerow {
  width: 100%;
  font-size: 1.77rem;
  line-height: 100%;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
.roomrateslist .pricelist__pricerow .dates {
  width: 60%;
}
.roomrateslist .pricelist__pricerow .price.day {
  width: 35%;
  text-align: right;
}
.roomrateslist .pricelist__pricerow + .pricelist__pricerow {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  height: 100%;
  left: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #232222;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s, visibility 0s linear 0.25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s, visibility 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  text-align: center;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}
.fancybox-slide--next {
  z-index: 99995;
}
.fancybox-slide--image {
  overflow: visible;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px 6px 0 6px;
}
.fancybox-slide--iframe {
  padding: 44px 44px 0;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0 0 6px 0;
  max-width: 100%;
  overflow: auto;
  padding: 0;
  padding: 24px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  margin: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.fancybox-can-drag .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-dragging .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
  cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--html .fancybox-content {
  margin-bottom: 6px;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
  height: 92%;
  margin-bottom: 44px;
  width: 99%;
}
.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.fancybox-iframe {
  vertical-align: top;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  outline: none;
  padding: 10px;
  transition: color 0.2s;
  vertical-align: top;
  width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}
.fancybox-button:focus,
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
}
.fancybox-button svg {
  display: block;
  overflow: visible;
  position: relative;
  shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
  fill: transparent;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3;
}
.fancybox-button--play svg path:nth-child(2) {
  display: none;
}
.fancybox-button--pause svg path:nth-child(1) {
  display: none;
}
.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
  fill: currentColor;
}
.fancybox-button--share svg path {
  stroke-width: 1;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  height: 70px;
  opacity: 0;
  padding: 6px;
  position: absolute;
  top: 50%;
  width: 70px;
}
.fancybox-navigation svg {
  width: 50%;
  margin-left: 21%;
  margin-top: 21%;
}
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  transition: opacity 0.25s, visibility 0s, color 0.25s;
}
.fancybox-navigation .fancybox-button::after {
  content: '';
  left: -35px;
  padding: 50px;
  position: absolute;
  top: -35px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  background: transparent;
  left: 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  background: transparent;
  right: 6px;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #555;
  cursor: pointer;
  height: 44px;
  margin: 0;
  padding: 6px;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  z-index: 10;
}
.fancybox-close-small svg {
  fill: transparent;
  opacity: 0.8;
  stroke: currentColor;
  stroke-width: 1.5;
  transition: stroke 0.1s;
}
.fancybox-close-small:focus {
  outline: none;
}
.fancybox-close-small:hover svg {
  opacity: 1;
}
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
  color: #ccc;
  padding: 5px;
  right: -12px;
  top: -44px;
}
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg,
.fancybox-slide--iframe .fancybox-close-small:hover svg {
  background: transparent;
  color: #fff;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none;
}
/* Caption */
.fancybox-caption {
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px 25px 44px;
  right: 0;
}
.fancybox-caption::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -25px;
  z-index: -1;
}
.fancybox-caption::after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  content: '';
  display: block;
  left: 44px;
  position: absolute;
  right: 44px;
  top: 0;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s infinite linear;
  animation: fancybox-rotate 1s infinite linear;
  background: transparent;
  border: 5px solid rgba(100, 100, 100, 0.5);
  border-radius: 100%;
  border-top-color: #fff;
  height: 60px;
  left: 50%;
  margin: -30px 0 0 -30px;
  opacity: 0.6;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 99999;
}
.fancybox-loading.fancybox-loading1 {
  margin: -30px 0 0 -30px;
}
@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
  background: #fff;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs > ul {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x > ul {
  overflow: hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs > ul > li {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fancybox-thumbs > ul > li:before {
  border: 4px solid #4ea7f9;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.fancybox-thumbs .fancybox-thumbs-active:before {
  opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs > ul > li {
    max-width: calc(100% - 10px);
  }
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 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 {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  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 #e6e6e6;
}
.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: #e6e6e6;
}
.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: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 28px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.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: #959ea9;
}
.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 {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: 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(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  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(57, 57, 57, 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(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 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: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  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: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  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: initial;
}
.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(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  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: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  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: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.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 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.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 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  display: inline-block;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}
.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(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.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;
  display: inline-block;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  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: #f3f3f3;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 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 {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  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 #eceef1;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-innerContainer {
  border-bottom: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  border: 1px solid #eceef1;
}
.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: #eceef1;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #eceef1;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #eceef1;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #eceef1;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  border-radius: 5px 5px 0 0;
  background: #eceef1;
  color: #5a6171;
  fill: #5a6171;
  height: 28px;
  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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 28px;
  padding: 10px;
  z-index: 3;
  color: #5a6171;
  fill: #5a6171;
}
.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.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: #bbb;
}
.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 {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: 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(72, 72, 72, 0.15);
  -webkit-box-sizing: border-box;
  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(72, 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(72, 72, 72, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(90, 97, 113, 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: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  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: #5a6171;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #5a6171;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  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: initial;
}
.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(90, 97, 113, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-weekdays {
  background: #eceef1;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #eceef1;
  color: #5a6171;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
  border-left: 1px solid #eceef1;
  border-right: 1px solid #eceef1;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #eceef1;
  box-shadow: -1px 0 0 #eceef1;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #484848;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  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: #e2e2e2;
  border-color: #e2e2e2;
}
.flatpickr-day.today {
  border-color: #bbb;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #bbb;
  background: #bbb;
  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: var(--color-accent);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: var(--color-accent);
}
.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 var(--color-accent);
  box-shadow: -10px 0 0 var(--color-accent);
}
.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 #e2e2e2, 5px 0 0 #e2e2e2;
  box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(72, 72, 72, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(72, 72, 72, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 var(--color-accent), 5px 0 0 var(--color-accent);
  box-shadow: -5px 0 0 var(--color-accent), 5px 0 0 var(--color-accent);
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  display: inline-block;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  border-left: 1px solid #eceef1;
}
.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(72, 72, 72, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #eceef1;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 0 0 5px 5px;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #484848;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #484848;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #484848;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.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;
  display: inline-block;
  line-height: inherit;
  color: #484848;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  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: #efefef;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
span.flatpickr-day.selected {
  font-weight: bold;
}
.bgimage {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: center center;
}
.margintop {
  margin-top: var(--var-margin-default);
}
.margintop--50vh {
  margin-top: 50vh;
}
.margintop--small {
  margin-top: var(--var-margin-small);
}
.margintop--negative {
  margin-top: var(--var-margin-negative);
}
.margintop--medium {
  margin-top: var(--var-margin-medium);
}
.margintop--row {
  margin-top: var(--var-margin-row);
}
.paddingtop {
  padding-top: var(--var-margin-default);
}
.paddingtop--50vh {
  padding-top: 50vh;
}
.paddingtop--small {
  padding-top: var(--var-margin-small);
}
.paddingtop--negative {
  padding-top: var(--var-margin-negative);
}
.paddingtop--medium {
  padding-top: var(--var-margin-medium);
}
.paddingtop--row {
  padding-top: var(--var-margin-row);
}
.marginbottom {
  margin-bottom: var(--var-margin-default);
}
.marginbottom--50vh {
  margin-bottom: 50vh;
}
.marginbottom--small {
  margin-bottom: var(--var-margin-small);
}
.marginbottom--negative {
  margin-bottom: var(--var-margin-negative);
}
.marginbottom--medium {
  margin-bottom: var(--var-margin-medium);
}
.marginbottom--row {
  margin-bottom: var(--var-margin-row);
}
.paddingbottom {
  padding-bottom: var(--var-margin-default);
}
.paddingbottom--50vh {
  padding-bottom: 50vh;
}
.paddingbottom--small {
  padding-bottom: var(--var-margin-small);
}
.paddingbottom--negative {
  padding-bottom: var(--var-margin-negative);
}
.paddingbottom--medium {
  padding-bottom: var(--var-margin-medium);
}
.paddingbottom--row {
  padding-bottom: var(--var-margin-row);
}
.resetcentering {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.textcentering {
  text-align: center;
}
.bg--white {
  background: #ffffff;
}
.bg--hellbeige {
  background: var(--color-lightgrey);
}
.bg--black {
  background: var(--color-black);
}
.bg--dark {
  background: var(--color-black);
}
.bg--accent {
  background: var(--color-accent);
}
.bg--transparent {
  background: transparent;
}
.bg--dark h1,
.bg--accent h1,
.bg--black h1,
.darkbg h1,
.bg--dark h2,
.bg--accent h2,
.bg--black h2,
.darkbg h2 {
  color: #fff;
}
.bg--dark h3,
.bg--accent h3,
.bg--black h3,
.darkbg h3 {
  color: #fff;
}
.bg--dark p,
.bg--accent p,
.bg--black p,
.darkbg p {
  color: #fff;
}
.bg--dark ul li:before,
.bg--accent ul li:before,
.bg--black ul li:before,
.darkbg ul li:before {
  color: #fff;
}
li.content {
  position: relative;
  width: 100%;
  clear: left;
}
#content ul.pageContents {
  width: 100%;
  position: relative;
  clear: left;
}
#content .textcenter {
  text-align: center;
}
#content .textcenter p {
  text-align: center;
}
#content .cm-text p,
#content .textobj p,
#content .cm-text li,
#content .textobj li,
#content .cm-text td,
#content .textobj td {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 147%;
}
@media screen and (max-width: 1000px) {
  #content .cm-text p,
  #content .textobj p,
  #content .cm-text li,
  #content .textobj li,
  #content .cm-text td,
  #content .textobj td {
    font-size: 1.84rem;
  }
}
@media screen and (max-width: 600px) {
  #content .cm-text p,
  #content .textobj p,
  #content .cm-text li,
  #content .textobj li,
  #content .cm-text td,
  #content .textobj td {
    font-size: 1.7rem;
  }
}
#content .cm-text li p,
#content .textobj li p {
  font-size: 1em;
}
#content .cm-text p i,
#content .textobj p i,
#content .cm-text p em,
#content .textobj p em {
  font-style: normal;
}
#content .cm-text p + ul,
#content .textobj p + ul,
#content .cm-text p + p,
#content .textobj p + p,
#content .cm-text ul + p,
#content .textobj ul + p,
#content .cm-text ul + h2,
#content .textobj ul + h2,
#content .cm-text ul + h3,
#content .textobj ul + h3,
#content .cm-text ul + h4,
#content .textobj ul + h4,
#content .cm-text p + h2,
#content .textobj p + h2,
#content .cm-text p + h2,
#content .textobj p + h2,
#content .cm-text p + h3,
#content .textobj p + h3 {
  margin-top: 1em;
}
#content .cm-text h2 + p,
#content .textobj h2 + p,
#content .cm-text h3 + p,
#content .textobj h3 + p,
#content .cm-text h4 + p,
#content .textobj h4 + p,
#content .cm-text h2 + ul,
#content .textobj h2 + ul,
#content .cm-text h3 + ul,
#content .textobj h3 + ul,
#content .cm-text h4 + ul,
#content .textobj h4 + ul {
  margin-top: 3rem;
}
#content .cm-text h1 p,
#content .textobj h1 p,
#content .cm-text h2 p,
#content .textobj h2 p,
#content .cm-text h3 p,
#content .textobj h3 p,
#content .cm-text h4 p,
#content .textobj h4 p,
#content .cm-text p p,
#content .textobj p p,
#content .cm-text ul p,
#content .textobj ul p {
  margin-bottom: 0;
}
#content .cm-text ul,
#content .textobj ul {
  list-style-type: none;
  width: 100%;
  position: relative;
  margin-left: 0px;
}
#content .cm-text ul li,
#content .textobj ul li {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 0;
  padding: 0.3em 0.5em 0.3em 1.4em;
  line-height: 140%;
}
#content .cm-text ul li::before,
#content .textobj ul li::before {
  content: "\e916";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  color: var(--color-accent-light);
  top: 0.8em;
  left: 0;
  width: 1.4em;
  height: 1.6em;
  font-size: 0.8em;
}
#content .textblock + .textblock {
  margin-top: 1.5em;
}
#content .cm-text + .cm-text,
#content .textobj + .textobj {
  margin-top: 1.5em;
}
#content .cm-text img,
#content .textobj img,
#content p img {
  position: relative;
  max-width: 100%;
}
.responsive-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  overflow: hidden;
}
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blogposts {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  box-sizing: border-box;
  padding: 0 var(--var-bodymargin);
  justify-content: center;
}
.blogposts .bloglink {
  width: 40rem;
  height: 40rem;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: var(--var-borderradius);
  background: #111;
}
@media screen and (max-width: 1000px) {
  .blogposts .bloglink {
    width: 34rem;
    height: 34rem;
  }
}
@media screen and (max-width: 700px) {
  .blogposts .bloglink {
    width: 28rem;
    height: 30rem;
  }
}
@media screen and (max-width: 500px) {
  .blogposts .bloglink {
    width: 100%;
  }
}
.blogposts .bloglink img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogposts .bloglink strong {
  position: absolute;
  color: #fff;
  font-family: var(--font-serif);
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 5.2rem;
  line-height: 1;
  bottom: 0;
  display: block;
  box-sizing: border-box;
  padding: 2rem;
  left: 0;
}
@media screen and (max-width: 1400px) {
  .blogposts .bloglink strong {
    font-size: 4.4rem;
    line-height: 5rem;
  }
}
@media screen and (max-width: 1200px) {
  .blogposts .bloglink strong {
    font-size: 4rem;
    line-height: 4.3rem;
  }
}
@media screen and (max-width: 1000px) {
  .blogposts .bloglink strong {
    font-size: 3.6rem;
    line-height: 4rem;
  }
}
@media screen and (max-width: 820px) {
  .blogposts .bloglink strong {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}
@media screen and (max-width: 500px) {
  .blogposts .bloglink strong {
    font-size: 2.6rem;
    line-height: 2.9rem;
  }
}