@charset "UTF-8";
/**
 * 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.
 *
 */
html,
body {
  border: 0;
  font-family: Arial, sans-serif;
  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;
}
/* COLORS */
/* FONT SIZES */
.defaultfontsize_mediaquery {
  font-size: 1.7em;
}
@media screen and (max-width: 1000px) {
  .defaultfontsize_mediaquery {
    font-size: 1.65em;
  }
}
/* RESPONSIVE */
.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: 'ullr';
  src: url('/public/fonts/ullr.eot?nrovep');
  src: url('/public/fonts/ullr.eot?nrovep#iefix') format('embedded-opentype'), url('/public/fonts/ullr.ttf?nrovep') format('truetype'), url('/public/fonts/ullr.woff?nrovep') format('woff'), url('/public/fonts/ullr.svg?nrovep#ullr') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="ullr-"],
[class*=" ullr-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ullr' !important;
  speak: none;
  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;
}
.ullr-address-book:before {
  content: "\e900";
}
.ullr-address-card:before {
  content: "\e901";
}
.ullr-angle-down:before {
  content: "\e902";
}
.ullr-angle-left:before {
  content: "\e903";
}
.ullr-angle-right:before {
  content: "\e904";
}
.ullr-angle-up:before {
  content: "\e905";
}
.ullr-arrow-down:before {
  content: "\e906";
}
.ullr-arrow-left:before {
  content: "\e907";
}
.ullr-arrow-right:before {
  content: "\e908";
}
.ullr-arrow-up:before {
  content: "\e909";
}
.ullr-at:before {
  content: "\e90a";
}
.ullr-award:before {
  content: "\e90b";
}
.ullr-badge:before {
  content: "\e90c";
}
.ullr-bath:before {
  content: "\e90d";
}
.ullr-bed:before {
  content: "\e90e";
}
.ullr-bicycle:before {
  content: "\e90f";
}
.ullr-birthday-cake:before {
  content: "\e910";
}
.ullr-books:before {
  content: "\e911";
}
.ullr-bus:before {
  content: "\e912";
}
.ullr-calendar-alt:before {
  content: "\e913";
}
.ullr-calendar-check:before {
  content: "\e914";
}
.ullr-calendar-plus:before {
  content: "\e915";
}
.ullr-calendar-empty:before {
  content: "\e916";
}
.ullr-camera:before {
  content: "\e917";
}
.ullr-car:before {
  content: "\e918";
}
.ullr-car-garage:before {
  content: "\e919";
}
.ullr-car-wash:before {
  content: "\e91a";
}
.ullr-charging-station:before {
  content: "\e91b";
}
.ullr-check-square:before {
  content: "\e91c";
}
.ullr-check:before {
  content: "\e91d";
}
.ullr-clipboard-check:before {
  content: "\e91e";
}
.ullr-clipboard-list:before {
  content: "\e91f";
}
.ullr-cocktail:before {
  content: "\e920";
}
.ullr-coffee:before {
  content: "\e921";
}
.ullr-comment-check:before {
  content: "\e922";
}
.ullr-comment:before {
  content: "\e923";
}
.ullr-comments:before {
  content: "\e924";
}
.ullr-concierge-bell:before {
  content: "\e925";
}
.ullr-couch:before {
  content: "\e926";
}
.ullr-credit-card:before {
  content: "\e927";
}
.ullr-desktop:before {
  content: "\e928";
}
.ullr-envelope:before {
  content: "\e929";
}
.ullr-fingerprint:before {
  content: "\e92a";
}
.ullr-futbol:before {
  content: "\e92b";
}
.ullr-gas-pump:before {
  content: "\e92c";
}
.ullr-gift-card:before {
  content: "\e92d";
}
.ullr-glass-martini-alt:before {
  content: "\e92e";
}
.ullr-globe:before {
  content: "\e92f";
}
.ullr-golf-ball:before {
  content: "\e930";
}
.ullr-heartbeat:before {
  content: "\e931";
}
.ullr-helicopter:before {
  content: "\e932";
}
.ullr-lamp:before {
  content: "\e933";
}
.ullr-leaf:before {
  content: "\e934";
}
.ullr-lightbulb:before {
  content: "\e935";
}
.ullr-list-ol:before {
  content: "\e936";
}
.ullr-list-ul:before {
  content: "\e937";
}
.ullr-long-arrow-down:before {
  content: "\e938";
}
.ullr-long-arrow-left:before {
  content: "\e939";
}
.ullr-long-arrow-right:before {
  content: "\e93a";
}
.ullr-long-arrow-up:before {
  content: "\e93b";
}
.ullr-map-marked-alt:before {
  content: "\e93c";
}
.ullr-map-marker-alt:before {
  content: "\e93d";
}
.ullr-map-marker:before {
  content: "\e93e";
}
.ullr-map:before {
  content: "\e93f";
}
.ullr-medkit:before {
  content: "\e940";
}
.ullr-mobile:before {
  content: "\e941";
}
.ullr-newspaper:before {
  content: "\e942";
}
.ullr-phone-square:before {
  content: "\e943";
}
.ullr-phone:before {
  content: "\e944";
}
.ullr-plane-departure:before {
  content: "\e945";
}
.ullr-plane:before {
  content: "\e946";
}
.ullr-plug:before {
  content: "\e947";
}
.ullr-presentation:before {
  content: "\e948";
}
.ullr-print:before {
  content: "\e949";
}
.ullr-rss:before {
  content: "\e94a";
}
.ullr-shield-check:before {
  content: "\e94b";
}
.ullr-shopping-cart:before {
  content: "\e94c";
}
.ullr-shower:before {
  content: "\e94d";
}
.ullr-snowflake:before {
  content: "\e94e";
}
.ullr-street-view:before {
  content: "\e94f";
}
.ullr-subway:before {
  content: "\e950";
}
.ullr-suitcase:before {
  content: "\e951";
}
.ullr-swim:before {
  content: "\e952";
}
.ullr-swimming-pool:before {
  content: "\e953";
}
.ullr-tag:before {
  content: "\e954";
}
.ullr-taxi:before {
  content: "\e955";
}
.ullr-tooth:before {
  content: "\e956";
}
.ullr-trophy:before {
  content: "\e957";
}
.ullr-umbrella:before {
  content: "\e958";
}
.ullr-unlock:before {
  content: "\e959";
}
.ullr-restaurant:before {
  content: "\e95a";
}
.ullr-restaurant-alt:before {
  content: "\e95b";
}
.ullr-video:before {
  content: "\e95c";
}
.ullr-watch:before {
  content: "\e95d";
}
.ullr-wifi:before {
  content: "\e95e";
}
.ullr-wine-glass:before {
  content: "\e95f";
}
.ullr-angellist:before {
  content: "\e960";
}
.ullr-cc-amazon-pay:before {
  content: "\e961";
}
.ullr-cc-amex:before {
  content: "\e962";
}
.ullr-cc-apple-pay:before {
  content: "\e963";
}
.ullr-cc-mastercard:before {
  content: "\e964";
}
.ullr-cc-paypal:before {
  content: "\e965";
}
.ullr-cc-stripe:before {
  content: "\e966";
}
.ullr-cc-visa:before {
  content: "\e967";
}
.ullr-dropbox:before {
  content: "\e968";
}
.ullr-facebook-messenger:before {
  content: "\e969";
}
.ullr-facebook-square:before {
  content: "\e96a";
}
.ullr-facebook:before {
  content: "\e96b";
}
.ullr-google-plus-g:before {
  content: "\e96c";
}
.ullr-google-plus-square:before {
  content: "\e96d";
}
.ullr-instagram:before {
  content: "\e96e";
}
.ullr-paypal:before {
  content: "\e96f";
}
.ullr-pinterest-p:before {
  content: "\e970";
}
.ullr-pinterest-square:before {
  content: "\e971";
}
.ullr-skype:before {
  content: "\e972";
}
.ullr-tripadvisor:before {
  content: "\e973";
}
.ullr-whatsapp-square:before {
  content: "\e974";
}
.ullr-whatsapp:before {
  content: "\e975";
}
.ullr-youtube-square:before {
  content: "\e976";
}
.ullr-youtube:before {
  content: "\e977";
}
@font-face {
  font-family: 'favorit';
  src: url('/public/fonts/favorit-web/FavoritStd-Regular.woff2') format('woff2'), url('/public/fonts/favorit-web/FavoritStd-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'favorit';
  src: url('/public/fonts/favorit-web/FavoritStd-Bold.woff2') format('woff2'), url('/public/fonts/favorit-web/FavoritStd-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'favorit';
  src: url('/public/fonts/favorit-web/FavoritStd-Light.woff2') format('woff2'), url('/public/fonts/favorit-web/FavoritStd-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'victor';
  src: url('/public/fonts/victor-web/VictorSerif-Regular.woff2') format('woff2'), url('/public/fonts/victor-web/VictorSerif-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'victor';
  src: url('/public/fonts/victor-web/VictorSerif-Light.woff2') format('woff2'), url('/public/fonts/victor-web/VictorSerif-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
html,
body {
  height: 100%;
  text-align: center;
  line-height: 150%;
  margin: 0;
  padding: 0;
  min-height: 100%;
}
body {
  font-family: "favorit", Helvetica, Arial, "sans-serif";
  font-size: 62.5%;
  float: left;
  width: 100%;
  height: auto;
  color: #575553;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.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 {
  color: #333;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4 {
  float: left;
  color: #282828;
  clear: left;
  font-weight: normal;
  width: 100%;
  position: relative;
  margin: 0;
}
h2,
h3,
h4 {
  margin-bottom: 1em;
}
h1 {
  font-size: 7.6em;
  line-height: 120%;
  font-family: "victor", Georgia, serif;
}
@media screen and (max-width: 1200px) {
  h1 {
    font-size: 7.2em;
  }
}
@media screen and (max-width: 900px) {
  h1 {
    font-size: 6.8em;
  }
}
@media screen and (max-width: 780px) {
  h1 {
    font-size: 6em;
  }
}
@media screen and (max-width: 450px) {
  h1 {
    font-size: 4.4em;
  }
}
h2 {
  font-size: 4.4em;
  font-family: "victor", Georgia, serif;
  line-height: 120%;
}
@media screen and (max-width: 1200px) {
  h2 {
    font-size: 4.2em;
  }
}
@media screen and (max-width: 900px) {
  h2 {
    font-size: 4em;
  }
}
@media screen and (max-width: 780px) {
  h2 {
    font-size: 3.8em;
  }
}
@media screen and (max-width: 450px) {
  h2 {
    font-size: 3.2em;
  }
}
h3 {
  font-size: 2.8em;
  line-height: 110%;
}
@media screen and (max-width: 1200px) {
  h3 {
    font-size: 2.4em;
  }
}
@media screen and (max-width: 900px) {
  h3 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 450px) {
  h3 {
    font-size: 1.8em;
  }
}
h4 {
  font-size: 2em;
}
h4.upper {
  text-transform: uppercase;
  color: #647368;
  letter-spacing: 2px;
  font-size: 1.55em;
  line-height: normal;
  margin-bottom: 2em;
}
h4.headlinesub {
  margin-bottom: 0.2em;
}
p + h2 {
  margin-top: 1.7em;
}
p + h3 {
  margin-top: 1.4em;
}
p + h4 {
  margin-top: 1em;
}
.cmart.editing #wrap {
  margin-top: 50px;
}
#wrap {
  min-height: 100%;
  text-align: left;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  float: left;
}
@media screen and (min-width: 1500px) {
  #wrap {
    font-size: 1.1em;
  }
}
@media screen and (min-width: 1750px) {
  #wrap {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 1200px) {
  #wrap {
    font-size: 0.93em;
  }
}
@media screen and (max-width: 1000px) {
  #wrap {
    font-size: 0.88em;
  }
}
li.cmart_positionselector {
  float: left;
  clear: left;
}
#page_wrap {
  float: left;
  clear: left;
  position: relative;
  width: 100%;
}
div#page {
  float: left;
  clear: left;
  position: relative;
  width: 100%;
}
#pagetitle {
  width: 100%;
  text-align: center;
}
#ullrlanguage {
  position: absolute;
  left: 20em;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 800px) {
  #ullrlanguage {
    display: none;
  }
}
#ullrlanguage a {
  color: #ccc;
  text-decoration: none;
  font-size: 1.35em;
  letter-spacing: 2px;
  line-height: normal;
  display: inline-block;
  padding: 0.5em;
}
#ullrlanguage a.active {
  color: #fff;
}
#ullrlanguage a:hover {
  text-decoration: underline;
  color: #fff;
}
#header {
  float: left;
  width: 80%;
  left: 10%;
  position: fixed;
  top: 0;
  border-bottom: 1px solid #fff;
  clear: left;
  height: 10em;
  z-index: 200;
  transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.5s all ease;
  /* Safari and Chrome */
  -o-transition: 0.5s all ease;
  /* Opera */
}
@media screen and (max-width: 1200px) {
  #header {
    width: 88%;
    left: 6%;
  }
}
#header__navi {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10em;
}
#navi__booking {
  float: right;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translate(0, -50%);
}
#navi__booking a {
  float: left;
  display: inline-block;
  font-size: 1.7em;
  color: #fff;
  line-height: normal;
  text-decoration: none;
  padding: 0.5em 0.8em;
}
@media screen and (max-width: 700px) {
  #navi__booking a.enquire {
    display: none;
  }
}
body.scrolling #header,
body.whiteout #header {
  background: #222222;
  border-bottom: 1px solid #222222;
}
#logo {
  transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.5s all ease;
  /* Safari and Chrome */
  -o-transition: 0.5s all ease;
  /* Opera */
  float: left;
  padding: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 110;
}
@media screen and (max-width: 700px) {
  #logo img {
    height: 5em;
  }
}
#navi {
  visibility: hidden;
  width: 100%;
  float: left;
  position: absolute;
  z-index: 100;
  top: 0;
  height: 100%;
  left: 0;
}
#navi .navi__inner {
  width: 50%;
  float: left;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 10%;
}
@media screen and (max-width: 700px) {
  #navi .navi__inner {
    width: 80%;
  }
}
#navi .innavibookings {
  width: 100%;
  float: left;
  clear: left;
  margin-top: 2em;
}
#navi .innavibookings a {
  float: left;
  display: inline-block;
  padding: 0.3em 0.8em 0.4em 0;
  font-size: 2.4em;
  line-height: normal;
  margin-right: 1em;
  font-family: "victor", Georgia, serif;
  text-decoration: none;
  color: #fff;
}
#navi .innavibookings a:hover {
  color: #647368;
}
#navi .innavibookings a.booking {
  background: #647368;
  border-color: #647368;
  color: #fff;
  padding-left: 0.8em;
}
#navi .innavibookings a.booking:hover {
  background: #fff;
  color: #647368;
  border-color: #fff;
}
#navi div.category {
  display: inline-block;
  position: relative;
  padding: 1em 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 20;
  text-align: left;
  transition: 0.5s all ease;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
#navi div.category .categorytitle {
  font-size: 3em;
  text-decoration: none;
  width: 100%;
  float: left;
  position: relative;
  line-height: 100%;
  z-index: 100;
  color: #F4F3EF;
  font-family: "victor", Georgia, serif;
  margin-bottom: 0.2em;
}
@media screen and (max-width: 700px) {
  #navi div.category .categorytitle {
    font-size: 2.7em;
  }
}
#navi div.category .categorytitle span {
  float: left;
  position: relative;
}
#navi div.category.active > a {
  color: #fff;
}
#navi div.category.active > a span {
  padding-bottom: 0.3em;
}
#navi div.category.active > a span::after {
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  content: ' ';
}
#navi div.category.active div.pagenavigation_container {
  display: block;
}
#navi div.category.not {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}
#navi div.category .pagenavigation_container {
  display: none;
  width: 100%;
  float: left;
  z-index: 120;
  position: relative;
  padding: 1em 0 1em 0;
}
#navi div.category .pagenavigation_container a {
  font-size: 1.75em;
  text-decoration: none;
  display: inline-block;
  float: left;
  position: relative;
  line-height: normal;
  color: #aaa;
  padding: 0.3em 1em 0.3em 0;
  box-sizing: border-box;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  transition: 0.15s all ease;
  -moz-transition: 0.15s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.15s all ease;
  /* Safari and Chrome */
  -o-transition: 0.15s all ease;
  /* Opera */
}
#navi div.category .pagenavigation_container a .title {
  display: inline-block;
  position: relative;
}
#navi div.category .pagenavigation_container a:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
#navi div.category .pagenavigation_container li.active a {
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  color: #fff;
}
#naviicons {
  display: none;
}
#navshow {
  display: block;
}
#navshow {
  cursor: pointer;
  position: absolute;
  left: 2em;
  top: 50%;
  float: left;
  z-index: 320;
  transform: translate(0, -50%);
}
@media screen and (max-width: 700px) {
  #navshow {
    width: 8em;
  }
}
#navshow .balken {
  float: left;
  width: 3.5em;
  height: 20px;
  z-index: 100;
  position: relative;
}
@media screen and (max-width: 700px) {
  #navshow .balken {
    width: 4em;
  }
}
#navshow .balken span {
  transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 0.2s all ease-in-out;
  /* Safari and Chrome */
  -o-transition: 0.2s all ease-in-out;
  /* Opera */
  float: left;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  clear: left;
  overflow: hidden;
}
#navshow .balken .balken1 {
  top: 1px;
  left: 0;
}
#navshow .balken .balken2 {
  left: 0;
  top: 10px;
}
#navshow .balken .balken3 {
  left: 0;
  top: 19px;
}
#navshow .title {
  color: #fff;
  font-size: 1.6em;
  line-height: normal;
  float: left;
  margin-left: 0.5em;
}
@media screen and (max-width: 700px) {
  #navshow .title {
    display: none;
  }
}
#header.navshow,
body.scrolling #header.navshow {
  height: 100%;
  background: #222222;
}
#header.navshow #navshow .balken .balken2,
body.scrolling #header.navshow #navshow .balken .balken2 {
  width: 0px;
}
#header.navshow #navshow .balken .balken1,
body.scrolling #header.navshow #navshow .balken .balken1,
#header.navshow #navshow .balken .balken3,
body.scrolling #header.navshow #navshow .balken .balken3 {
  top: 1.2em;
}
#header.navshow #navshow .balken .balken1,
body.scrolling #header.navshow #navshow .balken .balken1 {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
#header.navshow #navshow .balken .balken3,
body.scrolling #header.navshow #navshow .balken .balken3 {
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
}
#header.navshow #navshow .balken span,
body.scrolling #header.navshow #navshow .balken span {
  background: #647368;
}
@media screen and (max-width: 800px) {
  #header.navshow #ullrlanguage,
  body.scrolling #header.navshow #ullrlanguage {
    display: block;
    top: 120%;
    z-index: 250;
    left: 10%;
    transform: translate(0, 0);
  }
}
#header.navshow #navi,
body.scrolling #header.navshow #navi {
  visibility: visible;
}
#header.navshow #navi div.category,
body.scrolling #header.navshow #navi div.category {
  visibility: visible;
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
#header.navshow #navi div.category.active::after,
body.scrolling #header.navshow #navi div.category.active::after {
  right: 5%;
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
#header.navshow #navi div.category.active div.pagenavigation_container,
body.scrolling #header.navshow #navi div.category.active div.pagenavigation_container {
  visibility: visible;
}
@media screen and (min-width: 800px) {
  #header.navshow #navi div.category.active div.pagenavigation_container,
  body.scrolling #header.navshow #navi div.category.active div.pagenavigation_container {
    opacity: 1;
    -ms-filter: "alpha(opacity=calc(100*@wert))";
    -khtml-opacity: 1;
    -moz-opacity: 1;
  }
}
@media screen and (max-width: 800px) {
  #header.navshow #navi div.category.active div.pagenavigation_container,
  body.scrolling #header.navshow #navi div.category.active div.pagenavigation_container {
    display: block;
  }
}
#header.navshow #navi:hover div.category .categorytitle span,
body.scrolling #header.navshow #navi:hover div.category .categorytitle span {
  color: #fff;
}
#header.navshow #navi:hover div.category:hover .categorytitle span,
body.scrolling #header.navshow #navi:hover div.category:hover .categorytitle span {
  color: #fff;
}
body.navshow {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
#footer {
  width: 100%;
  float: left;
  position: relative;
  clear: left;
  background: #222222;
  background-size: cover;
  box-sizing: border-box;
}
#footer .logos {
  float: left;
  width: 80%;
  margin-left: 10%;
  position: relative;
  padding-top: 8em;
}
@media screen and (max-width: 1200px) {
  #footer .logos {
    width: 88%;
    margin-left: 6%;
  }
}
#footer .logos .ullrlogo {
  float: left;
  height: 3em;
}
#footer .logos .ullrschriftzug {
  float: right;
  height: 1em;
}
#footer .nllink {
  display: none;
}
@media screen and (max-width: 840px) {
  #footer .nllink {
    display: inline-block;
  }
}
#footer .infos {
  position: relative;
  padding: 12em 0;
  clear: left;
  float: left;
  width: 80%;
  margin-left: 10%;
}
@media screen and (max-width: 1200px) {
  #footer .infos {
    width: 88%;
    margin-left: 6%;
  }
}
#footer .infos > div {
  float: left;
  position: relative;
}
#footer .infos .contact,
#footer .infos .links,
#footer .infos .address,
#footer .infos .newsletter {
  width: 20%;
  color: #fff;
  font-size: 1.4em;
  line-height: 180%;
}
@media screen and (max-width: 840px) {
  #footer .infos .contact,
  #footer .infos .links,
  #footer .infos .address,
  #footer .infos .newsletter {
    width: 40%;
  }
}
@media screen and (max-width: 600px) {
  #footer .infos .contact,
  #footer .infos .links,
  #footer .infos .address,
  #footer .infos .newsletter {
    font-size: 1.88em;
    line-height: 200%;
    width: 70%;
  }
}
#footer .infos .contact em,
#footer .infos .links em,
#footer .infos .address em,
#footer .infos .newsletter em {
  font-style: normal;
  font-size: 0.88em;
  text-transform: uppercase;
  color: #647368;
  width: 100%;
  display: block;
  padding-bottom: 1em;
  letter-spacing: 2px;
}
#footer .infos .contact a,
#footer .infos .links a,
#footer .infos .address a,
#footer .infos .newsletter a {
  color: #eee;
  text-decoration: none;
}
#footer .infos .contact a i,
#footer .infos .links a i,
#footer .infos .address a i,
#footer .infos .newsletter a i {
  color: #647368;
  display: inline-block;
  padding-right: 0.5em;
  font-size: 1.1em;
  padding-top: 0.4em;
}
#footer .infos .contact a:hover,
#footer .infos .links a:hover,
#footer .infos .address a:hover,
#footer .infos .newsletter a:hover {
  color: #fff;
}
#footer .infos .contact a:hover i,
#footer .infos .links a:hover i,
#footer .infos .address a:hover i,
#footer .infos .newsletter a:hover i {
  color: #fff;
}
@media screen and (max-width: 840px) {
  #footer .infos .links {
    width: 20%;
  }
}
@media screen and (max-width: 600px) {
  #footer .infos .links {
    width: 30%;
  }
}
@media screen and (max-width: 600px) {
  #footer .infos .address {
    display: none;
  }
}
#footer .infos .newsletter {
  float: right;
  width: 40%;
}
@media screen and (max-width: 840px) {
  #footer .infos .newsletter {
    display: none;
  }
}
#footer .legal {
  padding: 2em 0;
  box-sizing: border-box;
  border-top: 1px solid #444;
  float: left;
  position: relative;
  width: 80%;
  margin-left: 10%;
}
@media screen and (max-width: 1200px) {
  #footer .legal {
    width: 88%;
    margin-left: 6%;
  }
}
#footer .legal a {
  color: #888;
  font-size: 1.3em;
  line-height: normal;
  text-decoration: none;
  display: inline-block;
  padding-right: 1em;
}
#footer .legal a:hover {
  color: #fff;
}
#footer .legal a:last-child {
  float: right;
  padding-right: 0;
}
.friendsandbadges {
  padding: 2em 0;
  box-sizing: border-box;
  border-top: 1px solid #444;
  float: left;
  position: relative;
  width: 80%;
  margin-left: 10%;
}
@media screen and (max-width: 1200px) {
  .friendsandbadges {
    width: 88%;
    margin-left: 6%;
  }
}
#ullrfriends {
  width: 50%;
  float: left;
  text-align: left;
  clear: left;
  position: relative;
}
@media screen and (max-width: 800px) {
  #ullrfriends {
    width: 100%;
    float: left;
    clear: left;
    text-align: center;
    padding: 0 0 2em 0;
  }
}
#ullrfriends img {
  display: inline-block;
  height: 100px;
}
@media screen and (max-width: 1400px) {
  #ullrfriends img {
    height: 85px;
  }
}
@media screen and (max-width: 1200px) {
  #ullrfriends img {
    height: 70px;
  }
}
#ullrbadges {
  width: 50%;
  float: right;
  text-align: right;
  position: relative;
}
@media screen and (max-width: 800px) {
  #ullrbadges {
    width: 100%;
    float: left;
    clear: left;
    text-align: center;
    padding: 2em 0 0 0;
    box-sizing: border-box;
    border-top: 1px solid #444;
  }
}
#ullrbadges img {
  display: inline-block;
  height: 100px;
}
@media screen and (max-width: 1500px) {
  #ullrbadges img {
    height: 85px;
  }
}
@media screen and (max-width: 1300px) {
  #ullrbadges img {
    height: 70px;
  }
}
.editing .cover {
  overflow: visible;
}
div.cover {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
  height: 100vh;
  min-height: 75em;
  background: #222;
}
div.cover .cover__image__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
div.cover .bgimage {
  background-position: center center;
}
div.cover .cover__image {
  overflow: hidden;
  z-index: 1;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
div.cover .cover__image .cover__image__inner > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  -o-object-fit: cover;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
}
div.cover .cover__image .singlefileconnectionform .picconnection .editpanel {
  margin-left: 0;
  left: auto;
  right: 2em;
}
div.cover .cover__image .bgimage {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
}
div.cover .cover__image picture {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
}
div.cover video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
div.cover picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
div.cover picture img.image,
div.cover picture img,
div.cover picture source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
div.cover.cover--justpic {
  height: 70vh;
  margin-bottom: 25em;
}
div.cover.cover--justpic .cover__image {
  width: 90%;
  left: 5%;
  height: 90%;
  top: 18em;
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.12);
}
div.cover.cover--videoheader {
  height: 100vh;
}
@media screen and (max-width: 600px) {
  div.cover.cover--videoheader {
    height: 70vh;
  }
}
div.cover.cover--slideshow .slickslider.coverslideshow,
div.cover.cover--slideshow .coverslider {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  transition: 3s all ease 0.2s;
  -moz-transition: 3s all ease 0.2s;
  /* Firefox 4 */
  -webkit-transition: 3s all ease 0.2s;
  /* Safari and Chrome */
  -o-transition: 3s all ease 0.2s;
  /* Opera */
}
div.cover.cover--slideshow .slickslider.coverslideshow .slide picture,
div.cover.cover--slideshow .coverslider .slide picture {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
}
div.cover.cover--slideshow .slideshow__counter {
  display: none;
}
div.cover.cover--slideshow .slidearrow {
  z-index: 20;
}
div.cover .cover__video {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
div.cover.cover--totalpic .cover__content,
div.cover.cover--slideshow .cover__content,
div.cover.cover--videoheader .cover__content,
div.cover.cover--default .cover__content {
  z-index: 30;
  float: left;
  position: absolute;
  clear: left;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media screen and (max-width: 1000px) {
  div.cover.cover--totalpic .cover__content,
  div.cover.cover--slideshow .cover__content,
  div.cover.cover--videoheader .cover__content,
  div.cover.cover--default .cover__content {
    width: 70%;
  }
}
@media screen and (max-width: 800px) {
  div.cover.cover--totalpic .cover__content,
  div.cover.cover--slideshow .cover__content,
  div.cover.cover--videoheader .cover__content,
  div.cover.cover--default .cover__content {
    width: 80%;
  }
}
@media screen and (max-width: 600px) {
  div.cover.cover--totalpic .cover__content,
  div.cover.cover--slideshow .cover__content,
  div.cover.cover--videoheader .cover__content,
  div.cover.cover--default .cover__content {
    width: 86%;
  }
}
div.cover picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #222;
}
div.cover picture img.image,
div.cover picture source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.75;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.75;
  -moz-opacity: 0.75;
}
div.cover .cover__content h1,
div.cover .cover__content h2,
div.cover .cover__content h3,
div.cover .cover__content strong {
  float: left;
  clear: left;
  position: relative;
  width: 100%;
}
div.cover .cover__content h1,
div.cover .cover__content h2 {
  font-size: 7.6em;
  line-height: 120%;
  font-family: "victor", Georgia, serif;
  line-height: 100%;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  div.cover .cover__content h1,
  div.cover .cover__content h2 {
    font-size: 7.2em;
  }
}
@media screen and (max-width: 900px) {
  div.cover .cover__content h1,
  div.cover .cover__content h2 {
    font-size: 6.8em;
  }
}
@media screen and (max-width: 780px) {
  div.cover .cover__content h1,
  div.cover .cover__content h2 {
    font-size: 6em;
  }
}
@media screen and (max-width: 450px) {
  div.cover .cover__content h1,
  div.cover .cover__content h2 {
    font-size: 4.4em;
  }
}
div.cover .cover__content h1 em,
div.cover .cover__content h2 em {
  color: #647368;
  font-style: normal;
}
div.cover .cover__content h4 {
  color: #ccc;
  margin-bottom: 1em;
  font-weight: 400;
}
div.cover .cover_bottom {
  width: 80%;
  left: 10%;
  position: absolute;
  bottom: 0;
  vertical-align: middle;
  z-index: 10;
  border-top: 1px solid #aaa;
}
@media screen and (max-width: 1200px) {
  div.cover .cover_bottom {
    width: 88%;
    left: 6%;
  }
}
div.cover .cover_bottom a {
  width: 20%;
  float: left;
  line-height: normal;
  position: relative;
  font-size: 1.7em;
  padding: 1em 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
}
div.cover .cover_bottom a.border {
  border-right: 1px solid #aaa;
}
div.cover .cover_bottom a .icon {
  display: none;
}
@media screen and (max-width: 850px) {
  div.cover .cover_bottom a.lage,
  div.cover .cover_bottom a.angebote {
    display: none;
  }
  div.cover .cover_bottom a.phone,
  div.cover .cover_bottom .email {
    width: 35%;
  }
  div.cover .cover_bottom a.border {
    border-right: 0px;
  }
  div.cover .cover_bottom a.phone {
    float: right;
  }
  div.cover .cover_bottom div.picnavi {
    width: 30%;
  }
}
@media screen and (max-width: 550px) {
  div.cover .cover_bottom a.phone,
  div.cover .cover_bottom .email {
    width: 30%;
  }
  div.cover .cover_bottom a.phone span,
  div.cover .cover_bottom .email span {
    display: none;
  }
  div.cover .cover_bottom a.phone span.icon,
  div.cover .cover_bottom .email span.icon {
    display: inline;
  }
  div.cover .cover_bottom div.picnavi {
    width: 40%;
  }
}
div.cover .cover_bottom .picnavi {
  width: 20%;
  float: left;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #aaa;
  border-width: 0px 1px;
}
div.cover .cover_bottom .picnavi a {
  float: left;
  width: 50%;
  font-size: 1.7em;
  padding: 1em 0;
  line-height: normal;
  text-align: center;
}
div.cover .cover_bottom .picnavi a.downer {
  width: 100%;
}
div.cover.cover--totalpic {
  height: auto;
  background: #fff;
}
div.cover.cover--totalpic .cover__image {
  position: relative;
  float: left;
  background: #fff;
}
div.cover.cover--totalpic .cover__image .cover__image__inner {
  position: relative;
  float: left;
}
@media screen and (max-width: 800px) {
  div.cover.cover--totalpic .cover__image .cover__image__inner {
    height: 70em;
    text-align: center;
  }
  div.cover.cover--totalpic .cover__image .cover__image__inner img {
    height: 70em;
    float: none;
    width: auto;
    text-align: center;
    transform: translate(-50%, 0);
    left: 50%;
  }
}
div.cover.cover--totalpic .cover__image img {
  width: 100%;
  position: relative;
  float: left;
}
@media screen and (max-width: 800px) {
  div.cover.cover--totalpic .cover__content {
    position: relative;
    clear: left;
    float: left;
    bottom: auto;
    margin-top: -14em;
  }
}
div.cover.cover--justtext {
  height: auto;
  margin-bottom: 4em;
  background: transparent;
}
div.cover.cover--justtext .cover__image {
  height: 70vh;
}
div.cover.cover--justtext .cover__content {
  z-index: 30;
  float: left;
  position: relative;
  clear: left;
  width: 60%;
  margin-left: 10%;
  padding-left: 3.5em;
}
@media screen and (max-width: 980px) {
  div.cover.cover--justtext .cover__content {
    padding-left: 2em;
    width: 68%;
  }
}
@media screen and (max-width: 800px) {
  div.cover.cover--justtext .cover__content {
    padding-left: 0;
  }
}
@media screen and (max-width: 600px) {
  div.cover.cover--justtext .cover__content {
    width: 83%;
  }
}
div.cover.cover--justtext .cover__content h1 {
  margin-top: -1.2em;
  font-size: 4.4em;
  font-family: "victor", Georgia, serif;
  line-height: 120%;
}
@media screen and (max-width: 1200px) {
  div.cover.cover--justtext .cover__content h1 {
    font-size: 4.2em;
  }
}
@media screen and (max-width: 900px) {
  div.cover.cover--justtext .cover__content h1 {
    font-size: 4em;
  }
}
@media screen and (max-width: 780px) {
  div.cover.cover--justtext .cover__content h1 {
    font-size: 3.8em;
  }
}
@media screen and (max-width: 450px) {
  div.cover.cover--justtext .cover__content h1 {
    font-size: 3.2em;
  }
}
div.cover.cover--justtext .cover__content h1 em {
  display: inline-block;
  float: left;
  width: 100%;
  padding-bottom: 0.4em;
}
div.cover.darktext .cover__content h1,
div.cover.darktext .cover__content h2,
div.cover.darktext .cover__content h3,
div.cover.darktext .cover__content strong {
  color: #333;
}
div.cover.cover--videoheader {
  overflow: hidden;
}
div.cover.cover--videoheader .cover__image:after,
div.cover.cover--videoheader .cover__video:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222;
  opacity: 0.4;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  content: ' ';
  float: left;
  z-index: 2;
}
div.cover.cover--dark .cover__content h1,
div.cover.cover--dark .cover__content h2,
div.cover.cover--dark .cover__content h3,
div.cover.cover--dark .cover__content h4 {
  color: #fff;
}
body.cmart #content .cover .ql-toolbar.ql-snow {
  position: absolute;
  top: -3em;
  bottom: auto;
  left: 50%;
  margin-left: -10em;
  text-align: center;
  width: 20em;
}
li.content.cover > div.cms_editbox {
  top: 50% !important;
}
.card {
  float: left;
  position: relative;
  width: 50%;
}
.card .cmartbge {
  z-index: 0;
}
body.editing .card .card__image.croppinginprogress {
  overflow: visible;
}
.card--horizontal {
  width: 100%;
  clear: left;
  height: auto;
}
.card--horizontal .card__image {
  z-index: 10;
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.card--horizontal .card__content {
  position: relative;
  z-index: 10;
  width: 60%;
  float: right;
}
.card--vertical {
  width: 100%;
  clear: left;
}
.card--vertical .card__image {
  z-index: 10;
  width: 100%;
  height: 20em;
  position: relative;
  clear: left;
}
.card--vertical .card__content {
  position: relative;
  z-index: 10;
  width: 100%;
  float: left;
  clear: left;
}
.packages--slider,
.cardslider_inner,
.roomimageslider__slider {
  width: 100%;
  float: left;
  clear: left;
  position: relative;
}
.cardslider {
  width: 100%;
  float: left;
  clear: left;
  position: relative;
  padding-bottom: 10em;
}
.package_listitem.slick-slide,
.package_listitem,
li.card--slider,
.card--slider {
  width: 30em;
  margin-right: 10em;
  position: relative;
  text-decoration: none;
}
.package_listitem.slick-slide.first-slide-is-active111,
.package_listitem.first-slide-is-active111,
li.card--slider.first-slide-is-active111,
.card--slider.first-slide-is-active111 {
  padding-left: 10vw;
}
.package_listitem.slick-slide .image,
.package_listitem .image,
li.card--slider .image,
.card--slider .image,
.package_listitem.slick-slide .card__image,
.package_listitem .card__image,
li.card--slider .card__image,
.card--slider .card__image {
  width: 100%;
  float: left;
  background: #647368;
  position: relative;
}
.package_listitem.slick-slide .image img,
.package_listitem .image img,
li.card--slider .image img,
.card--slider .image img,
.package_listitem.slick-slide .card__image img,
.package_listitem .card__image img,
li.card--slider .card__image img,
.card--slider .card__image img {
  transition: 0.2s all ease;
  position: relative;
  float: left;
  width: 100%;
  height: 40em;
  -o-object-fit: cover;
  object-fit: cover;
}
.package_listitem.slick-slide .content,
.package_listitem .content,
li.card--slider .content,
.card--slider .content,
.package_listitem.slick-slide .card__content,
.package_listitem .card__content,
li.card--slider .card__content,
.card--slider .card__content {
  float: left;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 3em 0;
  transition: 0.2s all ease;
}
.package_listitem.slick-slide .content .title,
.package_listitem .content .title,
li.card--slider .content .title,
.card--slider .content .title,
.package_listitem.slick-slide .card__content .title,
.package_listitem .card__content .title,
li.card--slider .card__content .title,
.card--slider .card__content .title,
.package_listitem.slick-slide .content .text,
.package_listitem .content .text,
li.card--slider .content .text,
.card--slider .content .text,
.package_listitem.slick-slide .card__content .text,
.package_listitem .card__content .text,
li.card--slider .card__content .text,
.card--slider .card__content .text {
  width: 100%;
  float: left;
  clear: left;
  position: relative;
}
.package_listitem.slick-slide .content .title,
.package_listitem .content .title,
li.card--slider .content .title,
.card--slider .content .title,
.package_listitem.slick-slide .card__content .title,
.package_listitem .card__content .title,
li.card--slider .card__content .title,
.card--slider .card__content .title {
  margin-bottom: 0.8em;
  font-size: 2em;
  line-height: normal;
  color: #222222;
  font-weight: normal;
}
.package_listitem.slick-slide .content .text,
.package_listitem .content .text,
li.card--slider .content .text,
.card--slider .content .text,
.package_listitem.slick-slide .card__content .text,
.package_listitem .card__content .text,
li.card--slider .card__content .text,
.card--slider .card__content .text {
  font-size: 1.5em;
  line-height: 150%;
  color: #aaa;
}
.package_listitem.slick-slide:hover .image img,
.package_listitem:hover .image img,
li.card--slider:hover .image img,
.card--slider:hover .image img,
.package_listitem.slick-slide:hover .card__image img,
.package_listitem:hover .card__image img,
li.card--slider:hover .card__image img,
.card--slider:hover .card__image img {
  opacity: 0.5;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
}
.package_listitem.slick-slide:hover .content .title,
.package_listitem:hover .content .title,
li.card--slider:hover .content .title,
.card--slider:hover .content .title,
.package_listitem.slick-slide:hover .card__content .title,
.package_listitem:hover .card__content .title,
li.card--slider:hover .card__content .title,
.card--slider:hover .card__content .title {
  color: #647368;
}
.package_listitem.slick-slide:hover .content .text,
.package_listitem:hover .content .text,
li.card--slider:hover .content .text,
.card--slider:hover .content .text,
.package_listitem.slick-slide:hover .card__content .text,
.package_listitem:hover .card__content .text,
li.card--slider:hover .card__content .text,
.card--slider:hover .card__content .text {
  color: #333;
}
.packages--default {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.packages--default a.package_listitem {
  float: left;
}
.packages--default a.package_listitem .content {
  height: auto;
  margin-bottom: 3em;
}
.packageslider__arrows,
.imageslider__arrows,
.cardslider__arrows {
  font-size: 2em;
  float: left;
  margin-left: 50%;
  transform: translate(-50%, 0);
}
.packageslider__arrows a,
.imageslider__arrows a,
.cardslider__arrows a {
  text-decoration: none;
  color: #aaa;
  display: inline-block;
  padding: 0.5em 1.2em;
}
.packageslider__arrows a:hover,
.imageslider__arrows a:hover,
.cardslider__arrows a:hover {
  color: #222222;
}
.packageslider__arrows,
.cardslider__arrows {
  position: relative;
  margin-top: 3em;
}
.imageslider__arrows {
  position: absolute;
  bottom: -3em;
  left: 50%;
  margin-left: 0;
}
#content ul.listinfos.card li.infobox.card {
  clear: none;
  display: inline-block;
  width: 30em;
}
ul.listinfos.card.card--slider {
  box-sizing: border-box;
  padding-left: 10%;
}
div.headlineblock {
  position: relative;
  max-width: 70em;
  width: 100%;
  float: none;
  margin: 0 auto;
  clear: left;
}
.ullrbuttons {
  width: 100%;
  float: left;
  margin: 2em 0;
  position: relative;
  font-size: 1.8em;
}
.ullrbutton--default {
  padding: 0.5em 0;
  width: auto;
  position: relative;
  text-decoration: none;
  display: inline-block;
  line-height: normal;
  transition: all 0.14s ease;
  -moz-transition: all 0.14s ease;
  /* Firefox 4 */
  -webkit-transition: all 0.14s ease;
  /* Safari and Chrome */
  -o-transition: all 0.14s ease;
  /* Opera */
  color: #647368;
}
.ullrbutton--default::after {
  content: ' ';
  position: absolute;
  bottom: 4px;
  height: 2px;
  width: 100%;
  background: #647368;
  left: 0;
}
.ullrbutton--default:hover {
  color: #222222;
}
.ullrbutton--default:hover::after {
  background: #222222;
}
.ullrbutton + .ullrbutton {
  margin-left: 1em;
}
.ullrbutton--button {
  padding: 0.7em 1.2em;
  width: auto;
  position: relative;
  text-decoration: none;
  display: inline-block;
  line-height: normal;
  text-align: center;
  border-radius: 2px;
  border: 2px solid #647368;
  transition: all 0.14s ease;
  -moz-transition: all 0.14s ease;
  /* Firefox 4 */
  -webkit-transition: all 0.14s ease;
  /* Safari and Chrome */
  -o-transition: all 0.14s ease;
  /* Opera */
  color: #647368;
}
.ullrbutton--button.hasicon {
  padding: 0.7em 1.2em 0.5em 1.2em;
}
.ullrbutton--button .ullrbutton__icon {
  float: right;
  padding-left: 0.3em;
  color: #ddd;
}
.ullrbutton--button:hover {
  color: #fff;
  background: #647368;
  border: 2px solid #647368;
}
.ullrbutton--button:hover .ullrbutton__icon {
  color: #fff;
  margin-left: 0.1em;
  margin-right: -0.1em;
}
.ullrbutton--button.ullrbutton--light {
  background: #fff;
  border: 0;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  color: #555;
}
.ullrbutton--button.ullrbutton--light:hover {
  background: #647368;
  color: #fff;
}
.ullrbutton--button.ullrbutton--light:hover .ullrbutton__icon {
  color: #fff;
}
.ullrbutton--button.ullrbutton--booking {
  background: #647368;
  border: 2px solid #647368;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  color: #fff;
}
.ullrbutton--button.ullrbutton--booking:hover {
  background: #4c584f;
  color: #fff;
  border-color: #4c584f;
}
.ullrbutton--button.ullrbutton--booking:hover .ullrbutton__icon {
  color: #fff;
}
div.contentblock.textbutton {
  float: left;
  clear: left;
  position: relative;
  margin-top: 2em;
}
div.contentblock.textbutton .ullrbutton--button {
  font-size: 2.1em;
  padding: 0.6em 1.1em 0.4em 1.1em;
  color: #647368;
  background: transparent;
  border: 2px solid #647368;
}
@media screen and (max-width: 1200px) {
  div.contentblock.textbutton .ullrbutton--button {
    font-size: 2em;
  }
}
@media screen and (max-width: 900px) {
  div.contentblock.textbutton .ullrbutton--button {
    font-size: 1.89em;
  }
}
@media screen and (max-width: 450px) {
  div.contentblock.textbutton .ullrbutton--button {
    font-size: 1.75em;
  }
}
div.contentblock.textbutton .ullrbutton--button .ullrbutton__icon {
  color: #647368;
}
div.contentblock.textbutton .ullrbutton--button:hover {
  background: #647368;
  color: #fff;
}
div.contentblock.textbutton .ullrbutton--button:hover .ullrbutton__icon {
  color: #fff;
}
div.contentblock.textbutton .ullrbutton--default {
  font-size: 1.7em;
}
@media screen and (max-width: 1000px) {
  div.contentblock.textbutton .ullrbutton--default {
    font-size: 1.65em;
  }
}
.bgimage {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: center center;
}
.cookieinfo {
  left: auto !important;
  border-radius: 10px;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.19);
  right: 20px !important;
  bottom: 20px !important;
  max-width: 30em;
}
.cookieinfo .cookieinfo-close {
  margin-top: 7px;
}
#naviicons {
  float: left;
  position: relative;
  margin-right: 2em;
}
#naviicons a {
  font-size: 1.7em;
  float: left;
  padding: 1.3em 0.5em;
  text-decoration: none;
  color: #fff;
}
@media screen and (max-width: 700px) {
  #naviicons a {
    font-size: 2.4em;
    padding: 0.88em 0.5em;
  }
}
@media screen and (max-width: 550px) {
  #naviicons {
    margin-left: 8em;
  }
}
.margintop {
  margin-top: 23em;
}
@media screen and (max-width: 1200px) {
  .margintop {
    margin-top: 20em;
  }
}
@media screen and (max-width: 1000px) {
  .margintop {
    margin-top: 17em;
  }
}
@media screen and (max-width: 780px) {
  .margintop {
    margin-top: 13em;
  }
}
.margintop--small {
  margin-top: 13em;
}
@media screen and (max-width: 1200px) {
  .margintop--small {
    margin-top: 10em;
  }
}
@media screen and (max-width: 1000px) {
  .margintop--small {
    margin-top: 8em;
  }
}
@media screen and (max-width: 780px) {
  .margintop--small {
    margin-top: 6em;
  }
}
.paddingtop {
  padding-top: 23em;
}
@media screen and (max-width: 1200px) {
  .paddingtop {
    padding-top: 20em;
  }
}
@media screen and (max-width: 1000px) {
  .paddingtop {
    padding-top: 17em;
  }
}
@media screen and (max-width: 780px) {
  .paddingtop {
    padding-top: 13em;
  }
}
.paddingtop--small {
  padding-top: 13em;
}
@media screen and (max-width: 1200px) {
  .paddingtop--small {
    padding-top: 10em;
  }
}
@media screen and (max-width: 1000px) {
  .paddingtop--small {
    padding-top: 8em;
  }
}
@media screen and (max-width: 780px) {
  .paddingtop--small {
    padding-top: 6em;
  }
}
.marginbottom {
  margin-bottom: 23em;
}
@media screen and (max-width: 1200px) {
  .marginbottom {
    margin-bottom: 20em;
  }
}
@media screen and (max-width: 1000px) {
  .marginbottom {
    margin-bottom: 17em;
  }
}
@media screen and (max-width: 780px) {
  .marginbottom {
    margin-bottom: 13em;
  }
}
.marginbottom--small {
  margin-bottom: 13em;
}
@media screen and (max-width: 1200px) {
  .marginbottom--small {
    margin-bottom: 10em;
  }
}
@media screen and (max-width: 1000px) {
  .marginbottom--small {
    margin-bottom: 8em;
  }
}
@media screen and (max-width: 780px) {
  .marginbottom--small {
    margin-bottom: 6em;
  }
}
.paddingbottom {
  padding-bottom: 23em;
}
@media screen and (max-width: 1200px) {
  .paddingbottom {
    padding-bottom: 20em;
  }
}
@media screen and (max-width: 1000px) {
  .paddingbottom {
    padding-bottom: 17em;
  }
}
@media screen and (max-width: 780px) {
  .paddingbottom {
    padding-bottom: 13em;
  }
}
.paddingbottom--small {
  padding-bottom: 13em;
}
@media screen and (max-width: 1200px) {
  .paddingbottom--small {
    padding-bottom: 10em;
  }
}
@media screen and (max-width: 1000px) {
  .paddingbottom--small {
    padding-bottom: 8em;
  }
}
@media screen and (max-width: 780px) {
  .paddingbottom--small {
    padding-bottom: 6em;
  }
}
.bg--lightgrey {
  background: #F4F3EF;
}
.bg--white {
  background: #FFFFFF;
}
.bg--dark {
  background: #282828;
}
.bg--transparent {
  background: transparent;
}
.bg--dark p,
.darkbg p,
.bg--dark h1,
.darkbg h1,
.bg--dark h2,
.darkbg h2,
.bg--dark h3,
.darkbg h3 {
  color: #fff;
}
.bg--dark .ullrbutton--default:hover,
.darkbg .ullrbutton--default:hover {
  color: #fff;
}
.bg--dark .ullrbutton--default:hover::after,
.darkbg .ullrbutton--default:hover::after {
  background-color: #fff;
}
.packages--default {
  width: 100%;
  float: left;
  clear: left;
  position: relative;
  box-sizing: border-box;
  padding-left: 10%;
}
li.content {
  position: relative;
  float: left;
  width: 100%;
  clear: left;
}
#content ul.pageContents {
  width: 100%;
  position: relative;
  float: left;
  clear: left;
}
#content div.hr {
  width: 100%;
  float: left;
  clear: left;
  height: 1px;
  margin: 7em 0;
  position: relative;
  border-top: 2px solid #ccc;
}
#content .centering {
  text-align: center;
}
#content .centering p {
  text-align: center;
}
#content div.textobj p,
#content div.textobj li,
#content div.textobj td {
  clear: left;
  width: 100%;
  line-height: 175%;
  font-size: 1.7em;
}
@media screen and (max-width: 1000px) {
  #content div.textobj p,
  #content div.textobj li,
  #content div.textobj td {
    font-size: 1.65em;
  }
}
#content div.textobj p + ul,
#content div.textobj p + p,
#content div.textobj ul + p {
  margin-top: 1em;
}
#content div.textobj li p {
  font-size: 1em;
}
#content div.textobj ul + h2,
#content div.textobj ul + h3,
#content div.textobj p + h2,
#content div.textobj p + h3 {
  margin-top: 1.5em;
}
#content .singleheadline {
  float: left;
  clear: left;
  position: relative;
  width: calc(100% / 12 * 10);
  margin-left: calc(100% / 12);
}
#content .textobj + .textbutton,
#content .textblock + .textbutton {
  margin-top: 2em;
}
#content .textblock + .textblock {
  margin-top: 1.5em;
}
#content .textobj + .textobj {
  margin-top: 1.5em;
}
#content .textobj.bigtext + .textobj {
  margin-top: 5em;
}
#content .textobj  img,
#content p  img {
  position: relative;
  max-width: 100%;
}
#content .textobj.bigtext {
  width: 75em;
  position: relative;
  max-width: 100%;
}
#content .textobj.bigtext h2 {
  font-size: 2em;
  color: #647368;
  font-weight: normal;
  line-height: 120%;
  margin-bottom: 1em;
}
@media screen and (max-width: 800px) {
  #content .textobj.bigtext h2 {
    font-size: 1.9em;
  }
}
@media screen and (max-width: 500px) {
  #content .textobj.bigtext h2 {
    font-size: 1.8em;
  }
}
#content .textobj.bigtext p {
  font-size: 2.8em;
  line-height: 130%;
}
@media screen and (max-width: 1100px) {
  #content .textobj.bigtext p {
    font-size: 2.6em;
  }
}
@media screen and (max-width: 800px) {
  #content .textobj.bigtext p {
    font-size: 2.4em;
  }
}
@media screen and (max-width: 500px) {
  #content .textobj.bigtext p {
    font-size: 2.1em;
  }
}
#content .cols_3_normal .textobj.bigtext p {
  font-size: 2.1em;
  line-height: 130%;
}
#content .cols_1_narrow .textobje.bigtext {
  width: 100%;
  margin-left: 0;
  left: 0;
}
#content div.textobj {
  position: relative;
  max-width: 70em;
  width: 100%;
  float: none;
  clear: left;
}
#content div.textobj ul {
  list-style-type: none;
  width: 100%;
  position: relative;
  margin-left: 0px;
}
#content div.textobj ul li {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  line-height: 130%;
  margin-bottom: 0;
  padding: 0.5em 0.5em 0.5em 2em;
}
#content div.textobj ul li::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ullr' !important;
  speak: none;
  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;
  content: "\e93a";
  position: absolute;
  top: 0.66em;
  left: 0.5em;
  color: #647368;
}
#content div.textobj ul li:hover::before {
  left: 0.65em;
}
#content div.textobj p {
  width: 100%;
}
#content blockquote {
  width: 100%;
  margin: 1em 0;
  float: left;
  clear: left;
  position: relative;
}
#content blockquote p {
  float: left;
  text-align: left;
  clear: left;
  position: relative;
  width: 90%;
  padding: 0 0 0 5%;
}
#content blockquote p.cite {
  font-family: "victor", Georgia, serif;
  z-index: 20;
  font-size: 2em;
  font-style: italic;
  margin-bottom: 0.5em;
  line-height: 130%;
}
#content blockquote p.author {
  font-size: 1.4em;
  color: #aaa;
}
#content li.listlinks > div.cms_editbox,
#content li.listsubnavigation > div.cms_editbox {
  top: -20px;
}
#content h2.listheadline {
  margin-top: 1em;
  text-align: center;
  margin-bottom: 0em;
}
#content .zoomer {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  left: 50%;
}
#content ul.listinfos {
  width: 100%;
  float: left;
  position: relative;
  clear: left;
  margin: 2em 0;
}
#content ul.listinfos li.infobox {
  position: relative;
  float: left;
  width: 100%;
}
#content ul.listinfos .cms_editbox {
  z-index: 200;
}
.cmart_list_editor {
  float: left;
  position: relative;
  clear: left;
  width: 100%;
  display: none;
  padding: 5em;
  box-sizing: border-box;
}
.cmart_list_editor ul {
  float: left;
  width: 100%;
  clear: left;
  position: relative;
  margin-top: 1em;
}
.cmart_listeditor_panel {
  position: absolute;
  top: 50%;
  left: 5%;
  width: 90%;
  margin-top: -2em;
  text-align: center;
  z-index: 100;
  display: none;
}
.cmart_listeditor_panel .cmart_button {
  display: inline-block;
  float: none;
}
.cmart_endlisteditor {
  display: none;
  position: absolute;
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.editing:not(.cmart_grideditor):not(.cmart_contentadding) li.listinfos:not(.listediting) .slidercontent:hover .cmart_listeditor_panel,
.editing:not(.cmart_grideditor):not(.cmart_contentadding) li.listpictures:not(.listediting) .slidercontent:hover .cmart_listeditor_panel,
.editing:not(.cmart_grideditor):not(.cmart_contentadding) li.listinfos:not(.listediting) .imageslider:hover .cmart_listeditor_panel,
.editing:not(.cmart_grideditor):not(.cmart_contentadding) li.listpictures:not(.listediting) .imageslider:hover .cmart_listeditor_panel {
  display: block;
}
.editing:not(.cmart_grideditor):not(.cmart_contentadding) li.listinfos:not(.listediting) .slidercontent:hover div.slickslider:before,
.editing:not(.cmart_grideditor):not(.cmart_contentadding) li.listpictures:not(.listediting) .slidercontent:hover div.slickslider:before,
.editing:not(.cmart_grideditor):not(.cmart_contentadding) li.listinfos:not(.listediting) .imageslider:hover div.slickslider:before,
.editing:not(.cmart_grideditor):not(.cmart_contentadding) li.listpictures:not(.listediting) .imageslider:hover div.slickslider:before {
  position: absolute;
  content: ' ';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 88;
}
.content.listediting .cmart_list_editor {
  display: block;
}
.content.listediting .slickslider {
  display: none;
}
.content.listediting .cmart_endlisteditor {
  display: block;
}
.accordionwrapper {
  width: 80%;
  max-width: 90em;
  margin: 0 auto;
}
ul.accordion,
.accordions {
  float: left;
  width: 100%;
  clear: left;
  position: relative;
  margin: 2em 0;
}
ul.accordion .accordion,
.accordions .accordion {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
  margin-bottom: 2px;
}
ul.accordion .accordion + .accordion,
.accordions .accordion + .accordion {
  border-top: 1px solid #aaa;
}
ul.accordion .accordion__title,
.accordions .accordion__title,
ul.accordion .accordiontitle,
.accordions .accordiontitle {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 3em 0;
  text-decoration: none;
  color: #647368;
  position: relative;
  line-height: 100%;
  font-family: "victor", Georgia, serif;
  clear: left;
}
ul.accordion .accordion__title strong,
.accordions .accordion__title strong,
ul.accordion .accordiontitle strong,
.accordions .accordiontitle strong {
  font-weight: normal;
  font-size: 3.4em;
  float: left;
  line-height: 100%;
}
@media screen and (max-width: 800px) {
  ul.accordion .accordion__title strong,
  .accordions .accordion__title strong,
  ul.accordion .accordiontitle strong,
  .accordions .accordiontitle strong {
    font-size: 2.8em;
  }
}
ul.accordion .accordion__title .icon,
.accordions .accordion__title .icon,
ul.accordion .accordiontitle .icon,
.accordions .accordiontitle .icon {
  position: absolute;
  top: 50%;
  right: 2em;
  font-size: 1.9em;
  transform: translateY(-50%);
  float: right;
  height: 1em;
  color: #ccc;
}
@media screen and (max-width: 800px) {
  ul.accordion .accordion__title .icon,
  .accordions .accordion__title .icon,
  ul.accordion .accordiontitle .icon,
  .accordions .accordiontitle .icon {
    right: 0;
  }
}
ul.accordion .accordion__title:hover,
.accordions .accordion__title:hover,
ul.accordion .accordiontitle:hover,
.accordions .accordiontitle:hover {
  color: #222;
}
ul.accordion .accordion__title:hover .icon,
.accordions .accordion__title:hover .icon,
ul.accordion .accordiontitle:hover .icon,
.accordions .accordiontitle:hover .icon {
  color: #333;
}
ul.accordion .accordion__content,
.accordions .accordion__content,
ul.accordion .accordioncontent,
.accordions .accordioncontent {
  display: none;
  float: left;
  clear: left;
  width: 100%;
  box-sizing: border-box;
  padding: 2em 0;
}
ul.accordion .accordion__content table.roomrateslist,
.accordions .accordion__content table.roomrateslist,
ul.accordion .accordioncontent table.roomrateslist,
.accordions .accordioncontent table.roomrateslist {
  margin: 0;
}
ul.accordion .accordion.active .accordion__title,
.accordions .accordion.active .accordion__title,
ul.accordion .accordion.active .accordiontitle,
.accordions .accordion.active .accordiontitle {
  color: #222;
}
ul.accordion .accordion.active .accordion__title .icon,
.accordions .accordion.active .accordion__title .icon,
ul.accordion .accordion.active .accordiontitle .icon,
.accordions .accordion.active .accordiontitle .icon {
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
ul.accordion .accordion.active .accordion__content,
.accordions .accordion.active .accordion__content,
ul.accordion .accordion.active .accordioncontent,
.accordions .accordion.active .accordioncontent {
  display: block;
}
.slickslider.slick-slider {
  float: left;
  width: 100%;
  position: relative;
}
ul.listinfos.slider li.infobox {
  float: left;
  position: relative;
  clear: left;
  width: 100%;
  box-sizing: border-box;
  padding: 4em;
  border: 1px solid #ddd;
  margin: 0 0 1em 0;
}
.slickslider .slick-list,
.slickslider .slick-track {
  height: 100%;
}
.slidercontent,
.imageslider {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
}
.slidercontent .slideshow__counter,
.imageslider .slideshow__counter {
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 1.6em;
  line-height: normal;
  color: #fff;
  z-index: 40;
}
.imageslider {
  min-height: 5em;
}
.slickslider.slideshow {
  height: 72em;
  border-radius: 4px;
}
@media screen and (max-width: 900px) {
  .slickslider.slideshow {
    height: 60em;
  }
}
@media screen and (max-width: 750px) {
  .slickslider.slideshow {
    height: 50em;
  }
}
@media screen and (max-width: 630px) {
  .slickslider.slideshow {
    height: 40em;
  }
  .slickslider.slideshow .slidearrow {
    z-index: -1;
    display: none !important;
  }
}
.slickslider.slider {
  min-height: 65em;
  height: 100vh;
}
.slickslider.slider .slick-dots {
  display: none;
}
.slidearrow {
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  margin-top: 0;
  z-index: 50;
  display: block;
}
.slidearrow span {
  position: absolute;
  top: 50%;
  width: 4em;
  height: 2em;
  opacity: 0.01;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.01;
  -moz-opacity: 0.01;
  transition: 0.12s all ease-out;
  -moz-transition: 0.12s all ease-out;
  /* Firefox 4 */
  -webkit-transition: 0.12s all ease-out;
  /* Safari and Chrome */
  -o-transition: 0.12s all ease-out;
  /* Opera */
  float: left;
  margin-top: -1em;
  text-align: center;
  color: #fff;
  font-size: 3em;
}
.slidearrow.prev {
  left: 0;
}
.slidearrow.prev span {
  left: 0;
}
.slidearrow.next {
  right: 0;
}
.slidearrow.next span {
  right: 0;
}
.slidearrow:hover span {
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
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;
  float: left;
  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;
}
ul.listlinks,
ul.listsubnavigation {
  width: 100%;
  float: left;
  clear: left;
  text-align: center;
  display: block;
}
ul.listlinks li,
ul.listsubnavigation li {
  float: left;
  position: relative;
  margin-bottom: 2em;
}
ul.listlinks.buttons {
  margin: 0;
}
ul.listlinks.buttons li {
  margin: 0;
  clear: none;
}
ul.listpictures {
  width: 100%;
  float: left;
  position: relative;
}
ul.listpictures li {
  position: relative;
  float: left;
  width: 32%;
  margin: 0.5%;
  height: 40em;
}
ul.listpictures li a.lightbox {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
ul.listpictures li a.lightbox img {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
ul.listpictures li a.lightbox .title {
  display: none;
}
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,
.singlepicture {
  width: 100%;
  float: left;
  clear: left;
  position: relative;
  text-align: center;
}
div.singlepicture span.title,
.singlepicture span.title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  padding: 1em 1.3em;
  font-size: 1.4em;
  color: #fff;
  background: #222;
  box-sizing: border-box;
}
div.singlepicture > a.lightbox,
.singlepicture > a.lightbox,
div.singlepicture > a.zmartbox,
.singlepicture > a.zmartbox {
  float: left;
  width: 100%;
}
div.singlepicture img.img,
.singlepicture img.img {
  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 */
  float: left;
  max-width: 100%;
}
div.singlepicture.centering img.img,
.singlepicture.centering img.img {
  float: none;
  text-align: center;
}
div.singlepicture span.image,
.singlepicture span.image {
  float: left;
  width: 100%;
}
div.singlepicture.width100 img.img,
.singlepicture.width100 img.img {
  width: 100%;
}
div.singlepicture.margintop,
.singlepicture.margintop {
  margin-top: 4em;
}
div.singlepicture.marginbottom,
.singlepicture.marginbottom {
  margin-bottom: 4em;
}
a.singlepicture {
  min-height: 8em;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.09);
}
a.singlepicture.noshadow {
  box-shadow: none;
}
a.singlepicture.centering {
  box-shadow: none;
}
.slickslider.slideshow {
  clear: left;
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
}
.slickslider.slideshow .slide {
  float: left;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slickslider.slideshow .slide img {
  float: left;
  clear: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.imageslider {
  margin: 0;
}
.imageslider .slide {
  position: relative;
}
.imageslider--small {
  background: transparent;
}
.imageslider--small .slidearrow {
  display: none !important;
  width: 8em;
  height: 8em;
  background: rgba(255, 255, 255, 0.4);
  top: 50%;
  margin-top: -4em;
}
.imageslider--small .slidearrow span {
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  margin: 0;
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  color: #222;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  text-decoration: none;
}
.imageslider--small .slidearrow:hover {
  background: #fff;
}
@media screen and (max-width: 700px) {
  .imageslider--small .slidearrow {
    display: none !important;
  }
}
.imageslider--small .smallslideshow.smallslickslider {
  width: 100%;
  position: relative;
}
.imageslider--small .smallslideshow.smallslickslider .slide {
  width: 29em;
  margin-left: 5em;
  margin-bottom: 4em;
  overflow: hidden;
  background: transparent;
  border-radius: 2px;
  position: relative;
  width: 100%;
  height: auto;
  float: left;
}
@media screen and (max-width: 480px) {
  .imageslider--small .smallslideshow.smallslickslider .slide {
    margin-left: 0;
    margin-right: 1em;
  }
}
.imageslider--small .smallslideshow.smallslickslider .slide img {
  float: left;
  width: 100%;
  height: auto;
}
.imageslider--small .smallslideshow.smallslickslider .slide.croppinginprogress img {
  float: none;
  width: auto;
  height: auto;
}
.imageslider--small .smallslideshow.smallslickslider .slide .title {
  display: none;
  text-decoration: none;
  font-size: 1.5em;
  line-height: 120%;
  clear: left;
  float: left;
  width: 100%;
  margin-top: 0.5em;
}
#content > .pageContents > li.listpictures .imageslider,
#content > .imageslider {
  margin: 0;
  width: 94%;
  margin-left: 3%;
  box-shadow: none;
}
#content > .pageContents > li.listpictures .imageslider--small,
#content > .imageslider--small {
  width: 100%;
  margin-left: 0;
  overflow: hidden;
  box-sizing: border-box;
}
#content > .pageContents > li.listpictures .imageslider--small .smallslideshow,
#content > .imageslider--small .smallslideshow {
  width: 105%;
  box-sizing: border-box;
}
@media screen and (max-width: 700px) {
  #content > .pageContents > li.listpictures .imageslider--small .smallslideshow,
  #content > .imageslider--small .smallslideshow {
    width: 90%;
    margin-left: 5%;
  }
}
.editing a.singlepicture,
.editing div.singlepicture {
  width: 100%;
}
.listediting .smallslideshow {
  display: none !important;
}
.smallslideshow.margin,
.slideshow.margin {
  margin: 9em 0;
}
@media screen and (max-width: 900px) {
  .smallslideshow.margin,
  .slideshow.margin {
    margin: 7em 0;
  }
}
@media screen and (max-width: 600px) {
  .smallslideshow.margin,
  .slideshow.margin {
    margin: 5em 0;
  }
}
.container,
.template {
  position: relative;
  float: left;
  clear: left;
  width: 100%;
}
.innercenter,
.template_inner {
  position: relative;
  float: left;
  clear: left;
  width: 80%;
  margin-left: 10%;
}
@media screen and (max-width: 1200px) {
  .innercenter,
  .template_inner {
    width: 88%;
    margin-left: 6%;
  }
}
div.template div.template {
  width: 100%;
  left: 0;
}
div.template div.template .blockheadline {
  top: 0;
}
div.template div.template div.template_inner {
  width: 100%;
  margin-left: 0;
}
@media screen and (min-width: 1650px) {
  div.template div.template div.template_inner {
    width: 100%;
    margin-left: 0;
    left: 0;
  }
}
div.template div.template__headline {
  width: 100%;
  float: left;
  clear: left;
  margin-bottom: 4em;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 1100px) {
  div.template.ullrhousestart .cmartbge {
    width: 70%;
    background-size: 100%;
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 800px) {
  div.template.ullrhousestart {
    padding-bottom: 25em;
  }
  div.template.ullrhousestart .cmartbge {
    width: 80%;
    background-size: 100%;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    height: 45em;
  }
}
div.templatebgpicture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}
div.total.template > .template_inner {
  width: 94%;
  margin-left: 3%;
  left: 0;
}
div.template.centering .textobj h2,
div.template.centering .textobj h3,
div.template.centering .textobj h4,
div.template.centering .textobj p {
  text-align: center;
}
.contentbox {
  float: left;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.template.darkbg h1,
.template.darkbg h2,
.template.darkbg h3,
.template.darkbg h4,
.template.darkbg p {
  color: #fff;
}
#content div.template.noleftright .template_inner {
  width: 100%;
  margin-left: 0;
  left: 0;
}
.template .cmartbge {
  z-index: 0;
}
#content.contentbox {
  padding: 0;
}
.cols_1_normal  .template .template_inner {
  width: 100%;
  margin: 0;
  left: 0;
}
.cols_1_normal .template_inner > .contentbox {
  width: 100%;
  left: 0;
  clear: left;
}
.cols_1_narrow  .template .template_inner {
  width: 100%;
  margin: 0;
  left: 0;
}
.cols_1_narrow > .template_inner > .contentbox {
  width: 50em;
  margin-left: -25em;
  left: 50%;
  clear: left;
}
@media screen and (max-width: 720px) {
  .cols_1_narrow > .template_inner > .contentbox {
    width: 74%;
    margin-left: 13%;
    left: 0;
  }
}
@media screen and (max-width: 570px) {
  .cols_1_narrow > .template_inner > .contentbox {
    width: 86%;
    margin-left: 7%;
  }
}
.cols_2_normal .template .template_inner {
  width: 100%;
  margin: 0;
  left: 0;
}
.cols_2_normal .template_inner > .contentbox {
  clear: none;
  width: 47%;
}
.cols_2_normal .template_inner > .contentbox.last {
  float: right;
}
@media screen and (max-width: 860px) {
  .cols_2_normal .template_inner > .contentbox {
    width: 76%;
    margin-left: 12%;
  }
  .cols_2_normal .template_inner > .contentbox.last {
    float: left;
  }
}
@media screen and (max-width: 720px) {
  .cols_2_normal .template_inner > .contentbox {
    width: 86%;
    margin-left: 7%;
  }
}
@media screen and (max-width: 600px) {
  .cols_2_normal .template_inner > .contentbox {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 860px) {
  .cols_2_normal .template_inner > .contentbox.last {
    margin-top: 5em;
  }
}
.cols_2_rightbig .template .template_inner {
  width: 100%;
  margin: 0;
  left: 0;
}
.cols_2_rightbig .template_inner > .contentbox {
  clear: none;
  width: 37%;
}
@media screen and (max-width: 900px) {
  .cols_2_rightbig .template_inner > .contentbox {
    width: 76%;
    margin-left: 12%;
  }
}
@media screen and (max-width: 720px) {
  .cols_2_rightbig .template_inner > .contentbox {
    width: 86%;
    margin-left: 7%;
  }
}
@media screen and (max-width: 600px) {
  .cols_2_rightbig .template_inner > .contentbox {
    width: 100%;
    margin-left: 0;
  }
}
.cols_2_rightbig .template_inner > .contentbox.last {
  float: right;
  width: 63%;
}
@media screen and (max-width: 900px) {
  .cols_2_rightbig .template_inner > .contentbox.last {
    width: 76%;
    margin-left: 12%;
    margin-top: 4em;
    float: left;
  }
}
@media screen and (max-width: 720px) {
  .cols_2_rightbig .template_inner > .contentbox.last {
    width: 86%;
    margin-left: 7%;
  }
}
@media screen and (max-width: 600px) {
  .cols_2_rightbig .template_inner > .contentbox.last {
    width: 100%;
    margin-left: 0;
  }
}
.cols_2_leftbig .template .template_inner {
  width: 100%;
  margin: 0;
  left: 0;
}
.cols_2_leftbig .template_inner > .contentbox {
  clear: none;
  width: 63%;
}
@media screen and (max-width: 900px) {
  .cols_2_leftbig .template_inner > .contentbox {
    width: 76%;
    margin-left: 12%;
  }
}
@media screen and (max-width: 720px) {
  .cols_2_leftbig .template_inner > .contentbox {
    width: 86%;
    margin-left: 7%;
  }
}
@media screen and (max-width: 600px) {
  .cols_2_leftbig .template_inner > .contentbox {
    width: 100%;
    margin-left: 0;
  }
}
.cols_2_leftbig .template_inner > .contentbox.last {
  float: right;
  width: 37%;
}
@media screen and (max-width: 900px) {
  .cols_2_leftbig .template_inner > .contentbox.last {
    width: 76%;
    margin-left: 12%;
    margin-top: 4em;
    float: left;
  }
}
@media screen and (max-width: 720px) {
  .cols_2_leftbig .template_inner > .contentbox.last {
    width: 86%;
    margin-left: 7%;
  }
}
@media screen and (max-width: 600px) {
  .cols_2_leftbig .template_inner > .contentbox.last {
    width: 100%;
    margin-left: 0;
  }
}
.cols_3_normal .template .template_inner {
  width: 100%;
  margin: 0;
  left: 0;
}
.cols_3_normal .template_inner > .contentbox {
  clear: none;
  width: 33.3%;
}
@media screen and (max-width: 900px) {
  .cols_3_normal .template_inner > .contentbox {
    width: 76%;
    margin-left: 12%;
    margin-bottom: 4em;
  }
}
@media screen and (max-width: 720px) {
  .cols_3_normal .template_inner > .contentbox {
    width: 86%;
    margin-left: 7%;
  }
}
@media screen and (max-width: 600px) {
  .cols_3_normal .template_inner > .contentbox {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 900px) {
  .cols_3_normal .template_inner > .contentbox.last {
    margin-bottom: 0;
  }
}
.cmartbge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cmartbge.cmartbge--picture {
  background-repeat: no-repeat;
}
.cmartbge {
  z-index: -1;
}
.editing .blogposts .list {
  margin-top: 3em;
}
.editing li.blogpost:hover .cms_editbox {
  display: block;
}
.editing .blogpostpageimage img.img {
  width: auto;
}
#page.blog .blog_editor {
  overflow: visible;
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 1em;
}
#page.blog div.blog_editor.cms_editbox > div {
  font-size: 1em;
}
.blogs {
  position: relative;
  width: 100%;
  float: left;
  clear: left;
}
.picturegrid {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
  box-sizing: border-box;
  margin: 10px 0;
}
.picturegrid .picturegrid__content {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
}
.picturegrid .picturegrid__pictures {
  position: absolute;
  top: 0;
  height: 100%;
}
.picturegrid .picturegrid__picture {
  position: absolute;
  box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.12);
  z-index: 10;
  background: #647368;
}
.picturegrid .picturegrid__picture a.lightbox {
  overflow: hidden;
  float: left;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  transition: 0.16s all ease-in-out;
  -moz-transition: 0.16s all ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 0.16s all ease-in-out;
  /* Safari and Chrome */
  -o-transition: 0.16s all ease-in-out;
  /* Opera */
}
.picturegrid .picturegrid__picture a.lightbox img.img,
.picturegrid .picturegrid__picture a.lightbox .bgimage {
  width: 100%;
  transition: 0.5s all ease-in-out;
  -moz-transition: 0.5s all ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 0.5s all ease-in-out;
  /* Safari and Chrome */
  -o-transition: 0.5s all ease-in-out;
  /* Opera */
}
.picturegrid .picturegrid__picture a.lightbox:hover .bgimage {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  transform: scale(1.03);
}
.picturegrid.picturegrid--,
.picturegrid.picturegrid--grid1 {
  height: 93vh;
  min-height: 55em;
}
.picturegrid.picturegrid-- .picturegrid__pictures,
.picturegrid.picturegrid--grid1 .picturegrid__pictures {
  left: 0;
  width: 50%;
}
.picturegrid.picturegrid-- .picture--1,
.picturegrid.picturegrid--grid1 .picture--1 {
  height: 54%;
  width: 46%;
  top: -8%;
  left: 48%;
}
.picturegrid.picturegrid-- .picture--2,
.picturegrid.picturegrid--grid1 .picture--2 {
  height: 34%;
  width: 36%;
  left: 0;
  top: 30%;
}
.picturegrid.picturegrid-- .picture--3,
.picturegrid.picturegrid--grid1 .picture--3 {
  width: 42%;
  left: 42%;
  top: 55%;
  height: 50%;
}
.picturegrid.picturegrid-- .picturegrid__content,
.picturegrid.picturegrid--grid1 .picturegrid__content {
  width: 35%;
  float: left;
  left: 54%;
}
.picturegrid.picturegrid--grid2 {
  height: 80vh;
  min-height: 55em;
}
.picturegrid.picturegrid--grid2 .picturegrid__pictures {
  right: 0;
  width: 50%;
}
.picturegrid.picturegrid--grid2 .picture--1 {
  height: 50%;
  width: 46%;
  top: -5em;
  right: 48%;
}
.picturegrid.picturegrid--grid2 .picture--2 {
  height: 34%;
  width: 36%;
  right: 0;
  top: 31%;
}
.picturegrid.picturegrid--grid2 .picture--3 {
  width: 42%;
  right: 42%;
  top: 55%;
  height: 50%;
}
.picturegrid.picturegrid--grid2 .picturegrid__content {
  width: 35%;
  float: left;
  left: 10%;
  padding-left: 3.5em;
}
@media screen and (max-width: 980px) {
  .picturegrid.picturegrid--grid2 .picturegrid__content {
    padding-left: 2em;
  }
}
@media screen and (max-width: 800px) {
  .picturegrid.picturegrid--grid2 .picturegrid__content {
    padding-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .picturegrid.picturegrid-- .picture--1,
  .picturegrid.picturegrid--grid1 .picture--1 {
    left: 20%;
  }
  .picturegrid.picturegrid-- .picture--2,
  .picturegrid.picturegrid--grid1 .picture--2 {
    left: 0;
  }
  .picturegrid.picturegrid-- .picture--3,
  .picturegrid.picturegrid--grid1 .picture--3 {
    left: 10%;
  }
  .picturegrid.picturegrid-- .picturegrid__content,
  .picturegrid.picturegrid--grid1 .picturegrid__content {
    right: 8%;
    left: auto;
  }
}
@media screen and (max-width: 800px) {
  .picturegrid.picturegrid--grid2 .picture--1 {
    right: 5%;
  }
  .picturegrid.picturegrid--grid2 .picture--2 {
    right: 0;
  }
  .picturegrid.picturegrid--grid2 .picture--3 {
    right: 10%;
  }
  .picturegrid.picturegrid--grid2 .picturegrid__content {
    left: 8%;
    right: auto;
  }
}
@media screen and (max-width: 800px) {
  .picturegrid.picturegrid-- .picturegrid__pictures,
  .picturegrid.picturegrid--grid1 .picturegrid__pictures,
  .picturegrid.picturegrid--grid2 .picturegrid__pictures {
    width: 30%;
  }
  .picturegrid.picturegrid-- .picture--1,
  .picturegrid.picturegrid--grid1 .picture--1,
  .picturegrid.picturegrid--grid2 .picture--1 {
    height: 35%;
    width: 80%;
    top: -8%;
    left: 20%;
  }
  .picturegrid.picturegrid-- .picture--2,
  .picturegrid.picturegrid--grid1 .picture--2,
  .picturegrid.picturegrid--grid2 .picture--2 {
    height: 25%;
    width: 70%;
    left: 0;
    top: 32%;
  }
  .picturegrid.picturegrid-- .picture--3,
  .picturegrid.picturegrid--grid1 .picture--3,
  .picturegrid.picturegrid--grid2 .picture--3 {
    width: 88%;
    left: 10%;
    top: 62%;
    height: 40%;
  }
  .picturegrid.picturegrid-- .picturegrid__content,
  .picturegrid.picturegrid--grid1 .picturegrid__content,
  .picturegrid.picturegrid--grid2 .picturegrid__content {
    width: 55%;
  }
}
@media screen and (max-width: 620px) {
  .picturegrid.picturegrid--,
  .picturegrid.picturegrid--grid1,
  .picturegrid.picturegrid--grid2 {
    height: auto;
    padding: 0;
    margin: 0;
    min-height: 0;
  }
  .picturegrid.picturegrid-- .picturegrid__pictures,
  .picturegrid.picturegrid--grid1 .picturegrid__pictures,
  .picturegrid.picturegrid--grid2 .picturegrid__pictures {
    position: relative;
    height: 40em;
    left: auto;
    right: auto;
    float: left;
    width: 100%;
  }
  .picturegrid.picturegrid-- .picturegrid__pictures .picture--1,
  .picturegrid.picturegrid--grid1 .picturegrid__pictures .picture--1,
  .picturegrid.picturegrid--grid2 .picturegrid__pictures .picture--1 {
    height: 50%;
    width: 50%;
    top: -3em;
    right: 0;
    left: auto;
  }
  .picturegrid.picturegrid-- .picturegrid__pictures .picture--2,
  .picturegrid.picturegrid--grid1 .picturegrid__pictures .picture--2,
  .picturegrid.picturegrid--grid2 .picturegrid__pictures .picture--2 {
    height: 34%;
    width: 36%;
    left: 0;
    right: auto;
    top: 28%;
  }
  .picturegrid.picturegrid-- .picturegrid__pictures .picture--3,
  .picturegrid.picturegrid--grid1 .picturegrid__pictures .picture--3,
  .picturegrid.picturegrid--grid2 .picturegrid__pictures .picture--3 {
    width: 42%;
    right: 16%;
    top: 53%;
    height: 50%;
    left: auto;
  }
  .picturegrid.picturegrid-- .picturegrid__content,
  .picturegrid.picturegrid--grid1 .picturegrid__content,
  .picturegrid.picturegrid--grid2 .picturegrid__content {
    width: 80%;
    left: auto;
    right: auto;
    float: left;
    position: relative;
    transform: translate(0, 0);
    margin-left: 10%;
    margin-top: 9em;
    margin-bottom: 10em;
  }
}
.picturegrid .listeditor {
  float: left;
  width: 100%;
}
div.accentbox {
  float: left;
  position: relative;
  box-sizing: border-box;
  padding: 5em;
  background: #F4F3EF;
  width: 80%;
  margin-left: 10%;
}
@media screen and (max-width: 1200px) {
  div.accentbox {
    width: 88%;
    margin-left: 6%;
  }
}
div.accentbox .accentbox__content {
  float: left;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
}
div.accentbox.haslink .accentbox__content {
  width: 70%;
}
@media screen and (max-width: 800px) {
  div.accentbox.haslink .accentbox__content {
    width: 100%;
  }
}
div.accentbox .accentbox__button {
  text-align: center;
  position: absolute;
  top: 50%;
  right: 0;
  box-sizing: border-box;
  float: right;
  padding: 0 3em 0 3em;
  transform: translate(0, -50%);
  font-size: 1.7em;
}
@media screen and (max-width: 1000px) {
  div.accentbox .accentbox__button {
    font-size: 1.65em;
  }
}
@media screen and (max-width: 800px) {
  div.accentbox .accentbox__button {
    top: auto;
    transform: translate(0, 0);
    float: left;
    clear: both;
    margin-top: 1em;
    position: relative;
    width: 100%;
  }
}
.content.textblock + .content.accentbox,
div.textobj + div.accentbox {
  margin-top: 4em;
}
.fiftyfifty {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
  background: #fff;
}
@media screen and (max-width: 800px) {
  .fiftyfifty {
    margin: 4em 0;
  }
}
@media screen and (max-width: 640px) {
  .fiftyfifty {
    width: 80%;
    margin: 0;
    margin-left: 10%;
    position: relative;
  }
}
.fiftyfifty .fiftyfifty__image {
  width: 50%;
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  border-radius: 4px;
}
@media screen and (max-width: 850px) {
  .fiftyfifty .fiftyfifty__image {
    width: 75%;
    height: 38em;
    position: relative;
  }
}
@media screen and (max-width: 640px) {
  .fiftyfifty .fiftyfifty__image {
    width: 100%;
    height: 30em;
    position: relative;
  }
}
.fiftyfifty .fiftyfifty__image > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  -o-object-fit: cover;
}
.fiftyfifty .fiftyfifty__image .singlefileconnectionform .picconnection .editpanel {
  margin-left: 0;
  left: auto;
  right: 2em;
}
.fiftyfifty .fiftyfifty__image .bgimage {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fiftyfifty .fiftyfifty__content {
  width: 50%;
  box-sizing: border-box;
  text-align: left;
  padding: 8em 10em;
  z-index: 10;
}
@media screen and (max-width: 850px) {
  .fiftyfifty .fiftyfifty__content {
    width: 80%;
    background: #fff;
    margin-top: -10em;
    position: relative;
    padding: 6em;
  }
}
@media screen and (max-width: 640px) {
  .fiftyfifty .fiftyfifty__content {
    width: 100%;
    margin-top: 0;
    padding: 5em 2em;
  }
}
.fiftyfifty .fiftyfifty__content h3 {
  margin-bottom: 1.2em;
}
.fiftyfifty .fiftyfifty__content .buttonlink {
  margin-top: 2em;
}
.fiftyfifty .fiftyfifty__icon {
  float: left;
  width: 20%;
  position: absolute;
  top: 1em;
  left: 0.8em;
  font-size: 5em;
  color: #ddd;
  z-index: 0;
}
@media screen and (max-width: 850px) {
  .fiftyfifty .fiftyfifty__icon {
    display: none;
  }
}
.fiftyfifty.fiftyfifty--pictext .fiftyfifty__image {
  left: 0;
}
.fiftyfifty.fiftyfifty--pictext .fiftyfifty__content {
  float: right;
  padding-right: 18em;
}
@media screen and (max-width: 1200px) {
  .fiftyfifty.fiftyfifty--pictext .fiftyfifty__content {
    padding-right: 8em;
  }
}
@media screen and (max-width: 640px) {
  .fiftyfifty.fiftyfifty--pictext .fiftyfifty__content {
    padding-right: 2em;
  }
}
.fiftyfifty.fiftyfifty--textpic .fiftyfifty__image {
  right: 0;
  left: auto;
}
.fiftyfifty.fiftyfifty--textpic .fiftyfifty__content {
  float: left;
  padding-left: 18em;
}
@media screen and (max-width: 1200px) {
  .fiftyfifty.fiftyfifty--textpic .fiftyfifty__content {
    padding-left: 8em;
  }
}
@media screen and (max-width: 640px) {
  .fiftyfifty.fiftyfifty--textpic .fiftyfifty__content {
    padding-left: 2em;
  }
}
.template .fiftyfifty.fiftyfifty--pictext .fiftyfifty__content {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 1200px) {
  .template .fiftyfifty.fiftyfifty--pictext .fiftyfifty__content {
    padding-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .template .fiftyfifty.fiftyfifty--pictext .fiftyfifty__content {
    padding-right: 0;
  }
}
.template .fiftyfifty.fiftyfifty--textpic .fiftyfifty__content {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 1200px) {
  .template .fiftyfifty.fiftyfifty--textpic .fiftyfifty__content {
    padding-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .template .fiftyfifty.fiftyfifty--textpic .fiftyfifty__content {
    padding-left: 0;
  }
}
@media screen and (max-width: 850px) {
  .template .fiftyfifty .fiftyfifty__image {
    width: 80%;
    height: 38em;
    float: left !important;
    margin-left: 10%;
    left: auto;
    right: auto;
    position: relative;
  }
}
@media screen and (max-width: 640px) {
  .template .fiftyfifty .fiftyfifty__image {
    width: 100%;
    height: 30em;
    margin-left: 0;
    position: relative;
  }
}
.template .fiftyfifty .fiftyfifty__content {
  box-sizing: border-box;
}
@media screen and (max-width: 850px) {
  .template .fiftyfifty .fiftyfifty__content {
    width: 80%;
    margin-top: 0em;
    margin-left: 10%;
    float: left !important;
    position: relative;
    padding: 6em !important;
  }
}
@media screen and (max-width: 640px) {
  .template .fiftyfifty .fiftyfifty__content {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 4em 2em !important;
  }
}
@media screen and (max-width: 640px) {
  .template .fiftyfifty {
    width: 100%;
    margin: 0;
    margin-left: 0%;
    position: relative;
  }
}
.content.contentblock.pictext + .content.contentblock.pictext,
div.fiftyfifty + div.fiftyfifty {
  margin-top: 14em;
}
@media screen and (max-width: 1200px) {
  .content.contentblock.pictext + .content.contentblock.pictext,
  div.fiftyfifty + div.fiftyfifty {
    margin-top: 10em;
  }
}
@media screen and (max-width: 640px) {
  .content.contentblock.pictext + .content.contentblock.pictext,
  div.fiftyfifty + div.fiftyfifty {
    margin-top: 7em;
  }
}
.linkgrid {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
  background: transparent;
  box-sizing: border-box;
  height: 95em;
  max-height: 100vh;
  min-height: 50em;
}
@media screen and (max-width: 1000px) {
  .linkgrid {
    height: 70em;
  }
}
@media screen and (max-width: 800px) {
  .linkgrid {
    height: 60em;
  }
}
@media screen and (max-width: 700px) {
  .linkgrid {
    height: auto;
    min-height: 0;
    max-height: 11111110px;
  }
}
.linkgrid .container_bgtop {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 70%;
  z-index: 0;
}
.linkgrid .container_bgbottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30%;
  z-index: 0;
}
.linkgrid .linkgrid__links {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 10;
  width: 80%;
  left: 10%;
}
@media screen and (max-width: 1200px) {
  .linkgrid .linkgrid__links {
    width: 88%;
    left: 6%;
  }
}
@media screen and (max-width: 700px) {
  .linkgrid .linkgrid__links {
    position: relative;
    height: auto;
    top: auto;
    left: auto;
    width: 80%;
    margin-left: 10%;
  }
}
@media screen and (max-width: 700px) and screen and (max-width: 1200px) {
  .linkgrid .linkgrid__links {
    width: 88%;
    margin-left: 6%;
  }
}
.linkgrid .linkgrid__link {
  overflow: hidden;
  float: left;
  position: absolute;
  transition: 0.16s all ease-in-out;
  -moz-transition: 0.16s all ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 0.16s all ease-in-out;
  /* Safari and Chrome */
  -o-transition: 0.16s all ease-in-out;
  /* Opera */
}
.linkgrid .linkgrid__link strong {
  font-weight: normal;
  font-size: 2em;
  line-height: normal;
  position: absolute;
  top: 2em;
  left: 2em;
  max-width: 80%;
  color: #fff;
  text-decoration: none;
}
.linkgrid .linkgrid__link strong::after {
  content: ' ';
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -0.4em;
  left: 0;
  background: #fff;
}
.linkgrid .linkgrid__link img.img,
.linkgrid .linkgrid__link .bgimage {
  width: 100%;
  transition: 0.5s all ease-in-out;
  -moz-transition: 0.5s all ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 0.5s all ease-in-out;
  /* Safari and Chrome */
  -o-transition: 0.5s all ease-in-out;
  /* Opera */
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.linkgrid .linkgrid__link:hover .bgimage {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  transform: scale(1.03);
}
@media screen and (max-width: 700px) {
  .linkgrid .linkgrid__link {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin-bottom: 3em;
    width: 100% !important;
    clear: left;
    float: left;
    height: 30em !important;
  }
}
@media screen and (max-width: 500px) {
  .linkgrid .linkgrid__link {
    height: 23em !important;
  }
}
.linkgrid.style-- .link--1,
.linkgrid.style--grid1 .link--1 {
  height: 80%;
  width: calc(100% / 12 * 5);
  top: 0;
  left: 0;
}
.linkgrid.style-- .link--2,
.linkgrid.style--grid1 .link--2 {
  height: 55%;
  width: calc(100% / 12 * 6);
  right: 0;
  top: 0;
}
.linkgrid.style-- .link--3,
.linkgrid.style--grid1 .link--3 {
  width: calc(100% / 12 * 4);
  right: calc(100% / 12 * 2);
  top: 65%;
  height: 35%;
}
.linkgrid.style--grid2 .link--1 {
  height: 40%;
  width: calc(100% / 12 * 5);
  top: 0;
  left: 0;
}
.linkgrid.style--grid2 .link--2 {
  height: 50%;
  width: calc(100% / 12 * 4);
  left: calc(100% / 12);
  bottom: 0;
}
.linkgrid.style--grid2 .link--3 {
  width: calc(100% / 12 * 6);
  right: 0;
  top: 15%;
  height: 70%;
}
.linkgrid.dark {
  background: #232222;
}
.linkgrid.dark .textobj {
  color: #fff;
}
.linkgrid .listeditor {
  float: left;
  width: 100%;
}
#content div.contentblock.txtblock {
  float: left;
  position: relative;
  width: 100%;
}
#content div.contentblock.txtblock .inner {
  display: flex;
  align-items: center;
  float: left;
  position: relative;
  width: 80%;
  margin-left: 10%;
}
@media screen and (max-width: 800px) {
  #content div.contentblock.txtblock .inner {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  #content div.contentblock.txtblock .inner {
    width: 88%;
    margin-left: 6%;
  }
}
#content div.contentblock.txtblock.ctype div.txt {
  width: calc(100% / 12 * 5);
}
@media screen and (max-width: 800px) {
  #content div.contentblock.txtblock.ctype div.txt {
    width: calc(100% / 12 * 10);
  }
}
#content div.contentblock.txtblock.bigtext .textobj p {
  font-size: 3.8em;
  font-family: "victor", Georgia, serif;
  font-weight: normal;
  line-height: 130%;
}
@media screen and (max-width: 850px) {
  #content div.contentblock.txtblock.bigtext .textobj p {
    font-size: 3.2em;
  }
}
@media screen and (max-width: 550px) {
  #content div.contentblock.txtblock.bigtext .textobj p {
    font-size: 2.8em;
  }
}
#content div.contentblock.txtblock.txtonly div.txt {
  width: calc(100% / 12 * 10);
  margin-left: calc(100% / 12);
}
#content div.contentblock.txtblock.txtonly div.txt div.textobj {
  max-width: 1000em;
}
#content div.contentblock.txtblock div.txtblock__image {
  width: calc(100% / 12 * 5);
  text-align: center;
  position: relative;
}
@media screen and (max-width: 800px) {
  #content div.contentblock.txtblock div.txtblock__image {
    width: calc(100% / 12 * 10);
  }
}
#content div.contentblock.txtblock div.txtblock__image img.img {
  max-width: 100%;
}
#content div.contentblock.txtblock.ctype--slideshow .txt p {
  width: 80%;
}
#content div.contentblock.txtblock div.txtimageslider {
  width: calc(100% / 12 * 6);
  position: relative;
}
@media screen and (max-width: 800px) {
  #content div.contentblock.txtblock div.txtimageslider {
    width: calc(100% / 12 * 10);
  }
}
#content div.contentblock.txtblock div.txtimageslider .slick-list {
  height: 100%;
}
#content div.contentblock.txtblock div.txtimageslider .txtimageslider__slider {
  width: 100%;
  position: relative;
  float: left;
}
#content div.contentblock.txtblock div.txtimageslider .txtimageslider__slider .slide {
  height: 50em;
}
@media screen and (max-width: 800px) {
  #content div.contentblock.txtblock div.txtimageslider .txtimageslider__slider .slide {
    height: 40em;
  }
}
@media screen and (max-width: 600px) {
  #content div.contentblock.txtblock div.txtimageslider .txtimageslider__slider .slide {
    height: 30em;
  }
}
#content div.contentblock.txtblock div.txtimageslider .txtimageslider__slider .slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#content div.contentblock.txtblock.cposition--right .txtblock__image {
  float: right;
  margin-left: calc(100% / 12);
}
@media screen and (max-width: 800px) {
  #content div.contentblock.txtblock.cposition--right .txtblock__image {
    clear: left;
    float: left;
  }
}
#content div.contentblock.txtblock.cposition--right .txtimageslider {
  float: right;
}
@media screen and (max-width: 800px) {
  #content div.contentblock.txtblock.cposition--right .txtimageslider {
    clear: left;
    float: left;
    margin-left: calc(100% / 12);
  }
}
#content div.contentblock.txtblock.cposition--right .txt {
  float: left;
  margin-left: calc(100% / 12);
}
@media screen and (max-width: 800px) {
  #content div.contentblock.txtblock.cposition--right .txt {
    margin-left: calc(100% / 12);
    margin-bottom: 8em;
  }
}
#content div.contentblock.txtblock.cposition--left .txtblock__image {
  float: left;
}
@media screen and (max-width: 800px) {
  #content div.contentblock.txtblock.cposition--left .txtblock__image {
    clear: left;
    float: left;
    margin-left: calc(100% / 12);
    margin-bottom: 8em;
  }
}
#content div.contentblock.txtblock.cposition--left .txtimageslider {
  float: left;
}
@media screen and (max-width: 800px) {
  #content div.contentblock.txtblock.cposition--left .txtimageslider {
    clear: left;
    float: left;
    margin-left: calc(100% / 12);
    margin-bottom: 8em;
  }
}
#content div.contentblock.txtblock.cposition--left .txt {
  float: right;
  margin-left: calc(100% / 12);
}
#content div.contentblock.splitscreen {
  float: left;
  position: relative;
  width: 100%;
  background: #222222;
  height: 90em;
}
@media screen and (max-width: 1200px) {
  #content div.contentblock.splitscreen {
    height: 70em;
  }
}
@media screen and (max-width: 1000px) {
  #content div.contentblock.splitscreen {
    height: 60em;
  }
}
@media screen and (max-width: 800px) {
  #content div.contentblock.splitscreen {
    height: auto;
  }
}
#content div.contentblock.splitscreen::after {
  content: ' ';
  width: 1px;
  position: absolute;
  top: 0;
  height: 100%;
  left: 50%;
  background: #fff;
  opacity: 0.3;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
}
@media screen and (max-width: 800px) {
  #content div.contentblock.splitscreen::after {
    display: none;
  }
}
#content div.contentblock.splitscreen .inner {
  float: left;
  position: absolute;
  height: 100%;
  width: 80%;
  left: 10%;
}
@media screen and (max-width: 1200px) {
  #content div.contentblock.splitscreen .inner {
    width: 88%;
    left: 6%;
  }
}
@media screen and (max-width: 800px) {
  #content div.contentblock.splitscreen .inner {
    height: auto;
    position: relative;
    width: 80%;
    margin-left: 10%;
    left: auto;
  }
}
@media screen and (max-width: 800px) and screen and (max-width: 1200px) {
  #content div.contentblock.splitscreen .inner {
    width: 88%;
    margin-left: 6%;
  }
}
#content div.contentblock.splitscreen div.splitscreen__content {
  width: calc(100% / 12 * 4);
  font-size: 0.9em;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0.5;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
}
@media screen and (max-width: 1200px) {
  #content div.contentblock.splitscreen div.splitscreen__content {
    width: calc(100% / 12 * 5);
  }
}
@media screen and (max-width: 800px) {
  #content div.contentblock.splitscreen div.splitscreen__content {
    width: 80%;
    left: auto !important;
    margin-left: 10%;
    height: auto;
    position: relative;
    padding: 8em 0;
    transform: translate(0, 0);
    top: auto;
    float: left;
  }
}
#content div.contentblock.splitscreen div.splitscreen__content:not(.active) {
  cursor: pointer;
}
#content div.contentblock.splitscreen div.splitscreen__content:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
#content div.contentblock.splitscreen div.splitscreen__content .contentbox {
  display: none;
}
#content div.contentblock.splitscreen div.splitscreen__content h4 {
  color: #eee;
  margin-bottom: 2.3em;
}
#content div.contentblock.splitscreen div.splitscreen__content .contentblock.textbutton {
  margin-top: 1em;
}
#content div.contentblock.splitscreen div.splitscreen__content.active {
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
#content div.contentblock.splitscreen div.splitscreen__content.active .contentbox {
  display: block;
}
#content div.contentblock.splitscreen div.splitscreen__content.content1 {
  left: 0;
}
@media screen and (max-width: 800px) {
  #content div.contentblock.splitscreen div.splitscreen__content.content1 {
    margin-bottom: 2px;
  }
}
#content div.contentblock.splitscreen div.splitscreen__content.content2 {
  left: calc(100% / 12 * 7);
}
#content div.contentblock.splitscreen div.splitscreen__image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: none;
}
#content div.contentblock.splitscreen div.splitscreen__image .bgimage {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}
#content div.contentblock.splitscreen div.splitscreen__image.active {
  display: block;
}
.zmartinsta__posts {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
  box-sizing: border-box;
  text-align: center;
}
.zmartinsta__posts h2 a {
  text-decoration: none;
}
.zmartinsta {
  width: 100%;
  float: left;
  clear: left;
  position: relative;
}
.zmartinsta .inner {
  position: relative;
  width: 80%;
  margin-left: 10%;
  float: left;
}
@media screen and (max-width: 1200px) {
  .zmartinsta .inner {
    width: 88%;
    margin-left: 6%;
  }
}
.zmartinsta .inner a {
  float: right;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  font-size: 2.4em;
  line-height: normal;
  text-decoration: none;
  color: #aaa;
}
.zmartinsta .inner a:hover {
  color: #647368;
}
.zmartinsta .inner a span {
  float: left;
  position: relative;
}
.zmartinsta .inner a .title {
  margin-top: -0.2em;
  padding-left: 0.5em;
}
@media screen and (max-width: 800px) {
  .zmartinsta .inner a {
    float: left;
    position: relative;
    transform: translate(0, 0);
    right: auto;
    top: auto;
    clear: left;
    margin-bottom: 2em;
  }
}
.zmartinsta__post.slick-slide {
  width: 30em;
  margin-right: 10em;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}
.zmartinsta__post.slick-slide.first-slide-is-active111 {
  padding-left: 10vw;
}
@media screen and (max-width: 800px) {
  .zmartinsta__post.slick-slide {
    width: 22em;
    height: 32em;
  }
}
@media screen and (max-width: 500px) {
  .zmartinsta__post.slick-slide {
    width: 20em;
    height: 28em;
  }
}
.zmartinsta__post .post__image {
  float: left;
  width: 100%;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.zmartinsta__post .post__image img {
  float: left;
  width: 100%;
  position: relative;
}
.zmartinsta__post .post__content {
  display: none;
}
.zmartinsta__post .post__content strong {
  font-weight: normal;
}
.zmartinsta__post .post__content strong,
.zmartinsta__post .post__content span {
  float: left;
  width: 100%;
  clear: left;
}
.zmartinsta__post:hover .post__content {
  opacity: 1;
}
div.cm-reviews {
  width: 100%;
  position: relative;
  z-index: 10;
  width: 90%;
  margin-left: 10%;
}
div.cm-reviews .slickslider {
  padding-bottom: 7em;
  margin-bottom: 7em;
}
div.cm-reviews .slickslider .slick-dots li button::before {
  border-color: #111;
  background: #111;
}
div.cm-reviews .slickslider .slick-dots li.slick-active button::before {
  background: transparent;
}
div.cm-reviews .slide {
  margin-right: 2em;
  width: 30em;
  max-width: 90%;
  box-sizing: border-box;
  padding: 3em;
  background: #f2f2f2;
  border-radius: 2px;
}
div.cm-reviews .slide .content .review__stars,
div.cm-reviews .slide .content .review__source {
  display: inline-block;
}
div.cm-reviews .slide .content .review__text {
  margin-bottom: 1em;
  font-size: 1.65em;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
@media screen and (max-width: 1000px) {
  div.cm-reviews .slide .content .review__text {
    font-size: 1.58em;
  }
}
@media screen and (max-width: 800px) {
  div.cm-reviews .slide .content .review__text {
    font-size: 1.55em;
  }
}
@media screen and (max-width: 600px) {
  div.cm-reviews .slide .content .review__text {
    font-size: 1.5em;
  }
}
div.cm-reviews .slide .content .review__stars {
  margin-right: 1em;
}
div.cm-reviews .swiper-arrow {
  z-index: 30;
}
div.cm-reviews .reviewswiper {
  position: relative;
}
div.rooms {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  max-width: 100em;
  margin: 5em auto;
}
div.rooms > h2 {
  text-align: center;
  color: #647368;
  font-weight: normal;
  font-family: "victor", Georgia, serif;
  margin-top: 1.4em;
  margin-bottom: 0.9em;
}
div.rooms a.room {
  float: left;
  width: 100%;
  box-sizing: border-box;
  clear: left;
  position: relative;
  text-decoration: none;
  padding: 2em 0;
  border-top: 1px solid #ccc;
  font-size: 1.5em;
  line-height: normal;
}
div.rooms a.room .roompreviewpic {
  width: 40%;
  height: 50%;
  top: 25%;
  position: fixed;
  display: none;
  right: 6%;
}
div.rooms a.room.active {
  background: #fff;
  z-index: 100;
  display: none;
}
div.rooms a.room:hover .roompreviewpic {
  display: block;
}
div.rooms a.room:hover .privatespa {
  width: auto;
  height: auto;
  border-radius: 15px;
}
div.rooms a.room:hover .privatespa span {
  visibility: visible;
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
@media screen and (max-width: 800px) {
  div.rooms a.room {
    font-size: 1.4em;
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  div.rooms a.room {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 600px) {
  div.rooms a.room {
    font-size: 1.2em;
  }
}
div.rooms a.room .title {
  width: 65%;
  float: left;
  position: relative;
}
div.rooms a.room .title strong,
div.rooms a.room .title i {
  width: 100%;
  float: left;
  position: relative;
  clear: left;
}
div.rooms a.room .title strong {
  font-size: 1.8em;
  line-height: normal;
  color: #444;
  font-weight: normal;
}
div.rooms a.room .title i {
  font-size: 1.4em;
  color: #aaa;
  line-height: normal;
  font-style: normal;
  font-family: "victor", Georgia, serif;
}
div.rooms a.room .privatespa {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #647368;
  transition: 0.7s all ease-out;
  float: left;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 850px) {
  div.rooms a.room .privatespa {
    display: none;
  }
}
div.rooms a.room .privatespa span {
  font-size: 0.88em;
  font-weight: bold;
  transition: 0.7s all ease-out;
  text-transform: uppercase;
  letter-spacing: 1px;
  vibisility: hidden;
  color: #fff;
  line-height: normal;
  opacity: 0;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0;
  -moz-opacity: 0;
  padding: 0.5em 1em;
}
div.rooms a.room#room_777_p {
  padding: 2em;
  margin-top: 2em;
  background: #647368;
}
div.rooms a.room#room_777_p strong,
div.rooms a.room#room_777_p em,
div.rooms a.room#room_777_p i,
div.rooms a.room#room_777_p .arrow {
  color: #fff;
}
div.rooms a.room em {
  font-style: normal;
  color: #aaa;
  padding-top: 0.5em;
  width: 20%;
  float: left;
  position: relative;
}
div.rooms a.room .arrow {
  transition: 0.15s all ease;
  -moz-transition: 0.15s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.15s all ease;
  /* Safari and Chrome */
  -o-transition: 0.15s all ease;
  /* Opera */
  position: relative;
  padding-top: 0.1em;
  margin-right: 0.4em;
  float: right;
  width: 2em;
  text-align: right;
  font-size: 1.4em;
  color: #ccc;
}
div.rooms a.room:hover strong {
  color: #222;
}
div.rooms a.room:hover i {
  color: #555;
}
div.rooms a.room:hover em {
  color: #666;
}
div.rooms a.room:hover .arrow {
  color: #222;
  margin-right: 0;
}
body.isroom {
  background: #F4F3EF;
}
.roomdetails {
  display: none;
  width: 100%;
  background: #fff;
  clear: none;
  float: left;
  box-sizing: border-box;
  padding: 5em;
  position: relative;
}
@media screen and (max-width: 800px) {
  .roomdetails {
    padding: 3em 0;
    background: transparent;
  }
}
.roomdetails .ullrbuttons a {
  margin-right: 1em;
}
.roomdetails .roomimageslider {
  width: 100%;
  margin-bottom: 5em;
  float: left;
  position: relative;
  height: 50em;
}
.roomdetails .roomimageslider .slick-list {
  height: 100%;
}
.roomdetails .roomimageslider .roomimageslider__slider {
  height: 50em;
}
.roomdetails .roomimageslider .slide {
  width: 100%;
  float: left;
  height: 50em;
  text-align: center;
  position: relative;
}
.roomdetails .roomimageslider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.roomdetails .roomimageslider img.portrait {
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.roomdetails .roomcloser {
  font-size: 1.7em;
  text-decoration: none;
  position: absolute;
  top: 2em;
  right: 2em;
  color: #aaa;
}
@media screen and (max-width: 800px) {
  .roomdetails .roomcloser {
    top: 1em;
    right: 0;
  }
}
.roomdetails .roomcloser:hover {
  color: #222;
}
.roomdetails .roomcontent {
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 5em 0 0 0;
}
.roomdetails.active {
  display: block;
}
.room.active + .roomdetails.active + .room.active + .roomdetails.active {
  border-top: 2px solid #222;
}
table.roomrateslist {
  width: 100%;
  display: table;
  position: relative;
  clear: left;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin: 5em 0;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 800px) {
  table.roomrateslist {
    display: none;
  }
}
table.roomrateslist tbody {
  width: 100%;
}
table.roomrateslist .roomrateslist__header td {
  border-top: 0;
  vertical-align: top;
}
table.roomrateslist .roomrateslist__header td strong,
table.roomrateslist .roomrateslist__header td em {
  width: 100%;
  clear: left;
  float: left;
}
table.roomrateslist .roomrateslist__header td strong {
  color: #222;
  font-weight: normal;
  color: #647368;
}
table.roomrateslist .roomrateslist__header td em {
  color: #aaa;
  font-style: normal;
  line-height: 125%;
  margin-top: 0.3em;
  font-size: 0.9em;
}
table.roomrateslist td.day {
  color: #111;
  padding: 0.8em 0;
}
table.roomrateslist td.week {
  color: #888;
}
table.roomrateslist td.week i {
  font-style: normal;
  font-size: 0.8em;
  color: #ccc;
}
table.roomrateslist td.dayinfo {
  font-size: 1.3em;
  color: #aaa;
}
table.roomrateslist .weekprices td {
  border-top-color: #ddd;
  padding: 0.4em 0;
  font-size: 1.2em;
}
table.roomrateslist td {
  font-size: 1.5em;
  line-height: normal;
  padding: 0.6em 0;
  text-align: center;
  border-top: 1px solid #aaa;
  border-left: 1px solid #ddd;
}
table.roomrateslist td.roomname {
  text-align: left;
}
table.roomrateslist td.roomname a {
  font-size: 1.3em;
  font-family: "victor", Georgia, serif;
}
table.roomrateslist td.roomname em {
  color: #aaa;
  font-style: normal;
  font-size: 0.9em;
}
table.roomrateslist td.roomname a {
  text-decoration: none;
}
.pricelist_mobile {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #999;
}
.pricelist_mobile .price,
.pricelist_mobile .season {
  float: left;
  position: relative;
  box-sizing: border-box;
  min-height: 1em;
  width: 60%;
  line-height: normal;
}
.pricelist_mobile .pricelist__pricerow {
  border-top: 1px solid #999;
  width: 100%;
  float: left;
  clear: left;
  transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 0.2s all ease-in-out;
  /* Safari and Chrome */
  -o-transition: 0.2s all ease-in-out;
  /* Opera */
}
.pricelist_mobile .pricelist__pricerow .season {
  font-size: 1.6em;
  padding: 1.3em 0;
  padding-left: 1em;
}
.pricelist_mobile .pricelist__pricerow .season strong,
.pricelist_mobile .pricelist__pricerow .season em {
  width: 100%;
  clear: left;
  float: left;
}
.pricelist_mobile .pricelist__pricerow .season em {
  color: #888;
  line-height: 120%;
  margin-top: 0.25em;
}
.pricelist_mobile .pricelist__pricerow .price {
  float: left;
  font-size: 1.6em;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #ccc;
  width: 40%;
  border-width: 0px 1px;
}
.pricelist_mobile .pricelist__pricerow .price--day {
  color: #222;
  padding: 1em 0;
  float: left;
  clear: left;
  width: 100%;
}
.pricelist_mobile .pricelist__pricerow .price--week {
  float: left;
  clear: left;
  width: 100%;
  font-size: 0.88em;
  border-top: 1px solid #ccc;
  color: #999;
}
.pricelist_mobile .pricelist__pricerow .price--week div {
  padding: 0.4em 0;
  float: left;
  width: 50%;
  position: relative;
  box-sizing: border-box;
}
.pricelist_mobile .pricelist__pricerow .price--week div:first-child {
  border-right: 1px solid #ccc;
}
.pricelist_mobile .pricelist__pricerow .price--week div em {
  font-size: 0.8em;
  color: #ccc;
  font-size: normal;
}
div.template.roomrates .contentbox {
  padding-top: 8em;
}
/*
 * ===============
 * CONTACT FORM
 * ===============
 */
.contactform,
#mc_embed_signup form {
  position: relative;
  clear: left;
  width: 100%;
  max-width: 80em;
  margin: 0;
  float: left;
}
.contactform .clearer,
#mc_embed_signup form .clearer {
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  display: block;
  height: 2.5em;
}
.contactform input,
#mc_embed_signup form input,
.contactform textarea,
#mc_embed_signup form textarea,
.contactform button.submit,
#mc_embed_signup form button.submit,
.contactform select,
#mc_embed_signup form select,
.contactform option,
#mc_embed_signup form option {
  font-size: 1.75em;
  color: #555;
}
.contactform input,
#mc_embed_signup form input,
.contactform textarea,
#mc_embed_signup form textarea,
.contactform select,
#mc_embed_signup form select {
  width: 100%;
  box-sizing: border-box;
  padding: 0.9em 1.2em;
  font-family: monospace;
  clear: left;
  float: left;
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
  border-radius: 1px;
}
.contactform h3,
#mc_embed_signup form h3 {
  float: left;
  clear: left;
  width: 100%;
}
.contactform .field,
#mc_embed_signup form .field {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 2em 0 0;
  box-sizing: border-box;
}
.contactform .field.quarter2,
#mc_embed_signup form .field.quarter2 {
  width: 50%;
}
.contactform .field.quarter1,
#mc_embed_signup form .field.quarter1 {
  width: 25%;
}
.contactform .field.quarter3,
#mc_embed_signup form .field.quarter3 {
  width: 75%;
}
.contactform .room_num_select select,
#mc_embed_signup form .room_num_select select {
  width: auto;
  float: right;
  clear: none;
}
.contactform button.submit,
#mc_embed_signup form button.submit,
.contactform input.submit,
#mc_embed_signup form input.submit {
  cursor: pointer;
  font-size: 2em;
  font-family: "favorit", Helvetica, Arial, "sans-serif";
  line-height: 100%;
  padding: 0.6em 1em 0.4em 1em;
  border-radius: 2px;
  background: #fff;
  border: 2px solid #647368;
  color: #647368;
  margin-top: 1em;
  font-weight: normal;
}
.contactform button.submit:hover,
#mc_embed_signup form button.submit:hover,
.contactform input.submit:hover,
#mc_embed_signup form input.submit:hover {
  background: #647368;
  color: #fff;
}
.contactform label,
#mc_embed_signup form label {
  margin-bottom: 0.5em;
  color: #999;
  font-size: 1.5em;
  float: left;
  width: 100%;
}
.contactform .row,
#mc_embed_signup form .row {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 2em;
}
.contactform span.error,
#mc_embed_signup form span.error {
  display: block;
  float: left;
  padding: 1em;
  color: white;
  background: red;
  font-size: 1.6em;
  margin-bottom: 2em;
}
@media screen and (max-width: 800px) {
  .contactform .row .totalmobile,
  #mc_embed_signup form .row .totalmobile {
    width: 100%;
    float: left;
    clear: left;
    margin-top: 2em;
  }
}
#kids_ages_row {
  float: left;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 1.2em;
}
#kids_ages_row > div.room_num_select {
  float: left;
  width: 48%;
  margin: 1%;
  position: relative;
  box-sizing: border-box;
  padding: 0.5em;
  background: #f0f0f0;
}
#kids_ages_row .room_num_select strong {
  font-size: 1.4em;
  font-weight: normal;
  line-height: 110%;
  float: left;
}
#kids_ages_row .room_num_select b {
  font-weight: normal;
}
#kids_ages_row .room_num_select select {
  float: right;
}
#mc_embed_signup {
  float: left;
  width: 100%;
}
#mc_embed_signup form .row {
  margin-bottom: 1.5em;
}
#mc_embed_signup form input.submit {
  margin-top: 0.7em;
}
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 {
  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;
  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;
  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 {
  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: transform, opacity;
  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 {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  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;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.fancybox-can-drag .fancybox-content {
  cursor: grab;
}
.fancybox-is-dragging .fancybox-content {
  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;
  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: #647368;
  left: 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  background: #647368;
  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 {
  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 -50px;
}
.fancybox-loading.fancybox-loading2 {
  margin: -30px 0 0 -10px;
  animation: fancybox-rotate 1s infinite linear;
  animation-direction: reverse;
}
@keyframes fancybox-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    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;
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  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;
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  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;
  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 {
  backface-visibility: hidden;
  cursor: pointer;
  float: left;
  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);
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url('/public/plugins/slick/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('/public/plugins/slick/fonts/slick.eot');
  src: url('/public/plugins/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/public/plugins/slick/fonts/slick.woff') format('woff'), url('/public/plugins/slick/fonts/slick.ttf') format('truetype'), url('/public/plugins/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  z-index: 20;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 50px;
  line-height: 1;
  color: #fff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: 25px;
}
.slick-prev[dir="rtl"] {
  left: auto;
  right: 25px;
}
.slick-prev:before {
  content: "‹";
}
.slick-prev:before[dir="rtl"] {
  content: "›";
}
.slick-next {
  right: 25px;
}
.slick-next[dir="rtl"] {
  left: 25px;
  right: auto;
}
.slick-next:before {
  content: "›";
}
.slick-next:before[dir="rtl"] {
  content: "‹";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 23px;
  width: 23px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: " ";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  text-align: center;
  background: #fff;
}
.slick-dots li.slick-active button:before {
  width: 18px;
  border-radius: 10px;
  height: 18px;
  background: transparent;
  border: 2px solid #fff;
}
#pageloader {
  transition: 0.8s opacity cubic-bezier(0, 0.67, 0.32, 1.01);
  -moz-transition: 0.8s opacity cubic-bezier(0, 0.67, 0.32, 1.01);
  /* Firefox 4 */
  -webkit-transition: 0.8s opacity cubic-bezier(0, 0.67, 0.32, 1.01);
  /* Safari and Chrome */
  -o-transition: 0.8s opacity cubic-bezier(0, 0.67, 0.32, 1.01);
  /* Opera */
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
  overflow: hidden;
  position: fixed;
  top: 0px;
  left: 0;
  height: 0px;
  width: 100%;
  background: #191a17;
  z-index: 10000;
}
#pageloader.active {
  height: 100%;
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
#pageloader.active svg {
  display: block;
}
#pageloader:before {
  content: " ";
  position: absolute;
  bottom: 8em;
  left: 10%;
  height: 2px;
  background: #e53527;
  width: 0;
}
#pageloader:not(.ending):before {
  transition: 0.6s width ease-out 0.3s;
  -moz-transition: 0.6s width ease-out 0.3s;
  /* Firefox 4 */
  -webkit-transition: 0.6s width ease-out 0.3s;
  /* Safari and Chrome */
  -o-transition: 0.6s width ease-out 0.3s;
  /* Opera */
}
#pageloader.active:before {
  width: 80%;
}
#pageloader.ending {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
#pageloader svg {
  display: none;
  height: 4em;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}
#pageloader svg path,
#pageloader svg rect {
  fill: #363434;
}