@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.65em;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  .defaultfontsize_mediaquery {
    font-size: 1.6em;
  }
}
/* 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: 'icomoon';
  src: url('/public/fonts/icomoon.eot?os0oek');
  src: url('/public/fonts/icomoon.eot?os0oek#iefix') format('embedded-opentype'), url('/public/fonts/icomoon.ttf?os0oek') format('truetype'), url('/public/fonts/icomoon.woff?os0oek') format('woff'), url('/public/fonts/icomoon.svg?os0oek#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="fom-"],
[class*=" fom-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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;
}
.fom-address-book:before {
  content: "\e900";
}
.fom-christmas:before {
  content: "\e901";
}
.fom-alarm-clock:before {
  content: "\e902";
}
.fom-angle-down:before {
  content: "\e903";
}
.fom-angle-left:before {
  content: "\e904";
}
.fom-angle-right:before {
  content: "\e905";
}
.fom-angle-up:before {
  content: "\e906";
}
.fom-arrow-down:before {
  content: "\e907";
}
.fom-arrow-left:before {
  content: "\e908";
}
.fom-arrow-right:before {
  content: "\e909";
}
.fom-arrow-up:before {
  content: "\e90a";
}
.fom-arrows-h:before {
  content: "\e90b";
}
.fom-award:before {
  content: "\e90c";
}
.fom-baby-carriage:before {
  content: "\e90d";
}
.fom-baby:before {
  content: "\e90e";
}
.fom-badge-check:before {
  content: "\e90f";
}
.fom-badge:before {
  content: "\e910";
}
.fom-bath:before {
  content: "\e912";
}
.fom-bed:before {
  content: "\e913";
}
.fom-beer:before {
  content: "\e914";
}
.fom-bicycle:before {
  content: "\e915";
}
.fom-birthday-cake:before {
  content: "\e916";
}
.fom-book-reader:before {
  content: "\e917";
}
.fom-books:before {
  content: "\e918";
}
.fom-flame:before {
  content: "\e919";
}
.fom-bus:before {
  content: "\e91a";
}
.fom-calendar:before {
  content: "\e91b";
}
.fom-calendar-check:before {
  content: "\e91c";
}
.fom-calendar-plus:before {
  content: "\e91d";
}
.fom-calendar-x:before {
  content: "\e91e";
}
.fom-camera-alt:before {
  content: "\e91f";
}
.fom-campground:before {
  content: "\e921";
}
.fom-garage:before {
  content: "\e922";
}
.fom-car:before {
  content: "\e923";
}
.fom-charging-station:before {
  content: "\e924";
}
.fom-check:before {
  content: "\e925";
}
.fom-clipboard:before {
  content: "\e926";
}
.fom-clipboard-list:before {
  content: "\e927";
}
.fom-cloud-drizzle:before {
  content: "\e928";
}
.fom-cloud-hail-mixed:before {
  content: "\e929";
}
.fom-cloud-hail:before {
  content: "\e92a";
}
.fom-cloud-meatball:before {
  content: "\e92b";
}
.fom-cloud-moon-rain:before {
  content: "\e92c";
}
.fom-cloud-moon:before {
  content: "\e92d";
}
.fom-cloud-rain:before {
  content: "\e92e";
}
.fom-cloud-rainbow:before {
  content: "\e92f";
}
.fom-cloud-showers-heavy:before {
  content: "\e930";
}
.fom-cloud-showers:before {
  content: "\e931";
}
.fom-cloud-sleet:before {
  content: "\e932";
}
.fom-cloud-snow:before {
  content: "\e933";
}
.fom-cloud-sun-rain:before {
  content: "\e934";
}
.fom-cloud-sun:before {
  content: "\e935";
}
.fom-cloud:before {
  content: "\e936";
}
.fom-clouds-moon:before {
  content: "\e937";
}
.fom-clouds-sun:before {
  content: "\e938";
}
.fom-clouds:before {
  content: "\e939";
}
.fom-cocktail:before {
  content: "\e93a";
}
.fom-coffee:before {
  content: "\e93b";
}
.fom-comment-check:before {
  content: "\e93c";
}
.fom-concierge-bell:before {
  content: "\e93d";
}
.fom-cookie:before {
  content: "\e93e";
}
.fom-couch:before {
  content: "\e93f";
}
.fom-croissant:before {
  content: "\e940";
}
.fom-desktop:before {
  content: "\e941";
}
.fom-dog:before {
  content: "\e942";
}
.fom-egg:before {
  content: "\e944";
}
.fom-envelope-open:before {
  content: "\e945";
}
.fom-envelope:before {
  content: "\e947";
}
.fom-fingerprint:before {
  content: "\e948";
}
.fom-flower:before {
  content: "\e949";
}
.fom-gas-station:before {
  content: "\e94a";
}
.fom-gift:before {
  content: "\e94b";
}
.fom-champagne:before {
  content: "\e94c";
}
.fom-cheers:before {
  content: "\e94d";
}
.fom-whiskey:before {
  content: "\e94e";
}
.fom-globe:before {
  content: "\e950";
}
.fom-guitar:before {
  content: "\e951";
}
.fom-hand-holding-heart:before {
  content: "\e952";
}
.fom-hand-holding-seedling:before {
  content: "\e953";
}
.fom-hand:before {
  content: "\e954";
}
.fom-hand-pointer:before {
  content: "\e955";
}
.fom-hands-helping:before {
  content: "\e956";
}
.fom-heart:before {
  content: "\e957";
}
.fom-heartbeat:before {
  content: "\e958";
}
.fom-helicopter:before {
  content: "\e959";
}
.fom-hiking:before {
  content: "\e95a";
}
.fom-home:before {
  content: "\e95b";
}
.fom-hot-tub:before {
  content: "\e95c";
}
.fom-image:before {
  content: "\e95d";
}
.fom-images:before {
  content: "\e95e";
}
.fom-lightbulb:before {
  content: "\e960";
}
.fom-link:before {
  content: "\e961";
}
.fom-long-arrow-down:before {
  content: "\e963";
}
.fom-long-arrow-left:before {
  content: "\e964";
}
.fom-long-arrow-right:before {
  content: "\e965";
}
.fom-long-arrow-up:before {
  content: "\e966";
}
.fom-loveseat:before {
  content: "\e967";
}
.fom-luggage-cart:before {
  content: "\e968";
}
.fom-male:before {
  content: "\e969";
}
.fom-map-marked-alt:before {
  content: "\e96a";
}
.fom-map-marker:before {
  content: "\e96b";
}
.fom-map-marker-empty:before {
  content: "\e96c";
}
.fom-directions:before {
  content: "\e96d";
}
.fom-map:before {
  content: "\e96e";
}
.fom-medal:before {
  content: "\e96f";
}
.fom-medkit:before {
  content: "\e970";
}
.fom-mobile-android:before {
  content: "\e971";
}
.fom-mug-tea:before {
  content: "\e973";
}
.fom-newspaper:before {
  content: "\e974";
}
.fom-paper-plane:before {
  content: "\e975";
}
.fom-paperclip:before {
  content: "\e976";
}
.fom-phone:before {
  content: "\e978";
}
.fom-plane:before {
  content: "\e979";
}
.fom-print:before {
  content: "\e97a";
}
.fom-search-minus:before {
  content: "\e97b";
}
.fom-search-plus:before {
  content: "\e97c";
}
.fom-search:before {
  content: "\e97d";
}
.fom-shopping-basket:before {
  content: "\e97e";
}
.fom-shopping-cart:before {
  content: "\e97f";
}
.fom-shower:before {
  content: "\e980";
}
.fom-ski-lift:before {
  content: "\e981";
}
.fom-skiing-nordic:before {
  content: "\e982";
}
.fom-skiing:before {
  content: "\e983";
}
.fom-sledding:before {
  content: "\e984";
}
.fom-snowflake:before {
  content: "\e985";
}
.fom-star:before {
  content: "\e986";
}
.fom-street-view:before {
  content: "\e987";
}
.fom-subway:before {
  content: "\e988";
}
.fom-sun:before {
  content: "\e989";
}
.fom-swimmer:before {
  content: "\e98a";
}
.fom-swimming-pool:before {
  content: "\e98b";
}
.fom-tag:before {
  content: "\e98c";
}
.fom-tags:before {
  content: "\e98d";
}
.fom-taxi:before {
  content: "\e98e";
}
.fom-cold-temperature:before {
  content: "\e98f";
}
.fom-thumbs-up:before {
  content: "\e990";
}
.fom-x:before {
  content: "\e991";
}
.fom-train:before {
  content: "\e992";
}
.fom-trash:before {
  content: "\e993";
}
.fom-trophy-alt:before {
  content: "\e994";
}
.fom-truck-container:before {
  content: "\e995";
}
.fom-tv:before {
  content: "\e996";
}
.fom-restaurant:before {
  content: "\e997";
}
.fom-watch:before {
  content: "\e998";
}
.fom-water:before {
  content: "\e999";
}
.fom-wheelchair:before {
  content: "\e99a";
}
.fom-wine-glass:before {
  content: "\e99b";
}
.fom-facebook-f:before {
  content: "\e99c";
}
.fom-facebook:before {
  content: "\e99d";
}
.fom-facebook-circle:before {
  content: "\e99e";
}
.fom-google-plus-g:before {
  content: "\e99f";
}
.fom-google-plus:before {
  content: "\e9a0";
}
.fom-google-plus-circle:before {
  content: "\e9a1";
}
.fom-instagram:before {
  content: "\e9a2";
}
.fom-twitter-square:before {
  content: "\e9a3";
}
.fom-twitter:before {
  content: "\e9a4";
}
html,
body {
  height: 100%;
  text-align: center;
  line-height: 150%;
  margin: 0;
  padding: 0;
  background: #ffffff;
  min-height: 100%;
}
body {
  font-family: "Lora", Georgia, serif;
  font-size: 62.5%;
  float: left;
  width: 100%;
  height: auto;
  color: #393636;
  -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;
  }
}
a {
  color: #333;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4 {
  text-align: center;
  float: left;
  color: #94B8B1;
  clear: left;
  line-height: 110%;
  width: 100%;
  position: relative;
  margin: 0 0 1em 0;
}
h1 {
  font-size: 4.8em;
  font-weight: normal;
  line-height: 100%;
  font-family: "Lora", Georgia, serif;
  text-align: center;
}
@media screen and (max-width: 900px) {
  h1 {
    font-size: 4em;
  }
}
@media screen and (max-width: 780px) {
  h1 {
    font-size: 3.2em;
  }
}
h2 {
  font-size: 4.8em;
  font-weight: normal;
  line-height: 100%;
  font-family: "Lora", Georgia, serif;
}
@media screen and (max-width: 900px) {
  h2 {
    font-size: 4em;
  }
}
@media screen and (max-width: 780px) {
  h2 {
    font-size: 3.2em;
  }
}
h3 {
  line-height: 100%;
  font-size: 2.6em;
  font-family: "Lora", Georgia, serif;
}
@media screen and (max-width: 1200px) {
  h3 {
    font-size: 2.4em;
  }
}
@media screen and (max-width: 900px) {
  h3 {
    font-size: 2.2em;
  }
}
h4 {
  font-size: 2em;
}
p + h2 {
  margin-top: 1.3em;
}
p + h3 {
  margin-top: 1em;
}
p + h4 {
  margin-top: 0.5em;
}
#wrap {
  min-height: 100%;
  text-align: left;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  float: left;
  box-sizing: border-box;
}
@media screen and (min-width: 1400px) {
  #wrap {
    font-size: 1.1em;
  }
}
@media screen and (min-width: 1600px) {
  #wrap {
    font-size: 1.18em;
  }
}
@media screen and (min-width: 1800px) {
  #wrap {
    font-size: 1.27em;
  }
}
@media screen and (max-width: 1200px) {
  #wrap {
    font-size: 0.93em;
  }
}
@media screen and (max-width: 1000px) {
  #wrap {
    font-size: 0.8em;
  }
}
body.cmart.editing #wrap {
  margin-top: 5em;
}
#page_wrap {
  float: left;
  clear: left;
  position: relative;
  width: 100%;
}
div#page {
  float: left;
  clear: left;
  position: relative;
  width: 100%;
}
#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: #fff;
  z-index: 10000;
}
#pageloader.active {
  height: 100%;
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
#pageloader.ending {
  opacity: 0;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
#pagetitle {
  width: 100%;
  text-align: center;
}
#header {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
}
@media screen and (max-width: 780px) {
  #header {
    position: fixed;
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: 60px;
    background: #94B8B1;
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow: hidden;
    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 */
  }
  #header #navi .inner {
    padding-top: 12em;
  }
  #header #navi .inner .bookinglink {
    display: block;
  }
}
#header.navactive {
  height: calc(100vh - 30px);
}
#header.navactive #navi .category {
  display: block;
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  visibility: visible;
}
#header.navactive #navi .left .languages {
  display: block;
  position: absolute;
  top: 4em;
  left: 50%;
  width: 20em;
  margin-left: -10em;
  text-align: center;
}
#header.navactive #navi .left .languages a {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}
#header.navactive #navi .left .languages a.active {
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
#logo {
  z-index: 30;
  float: left;
  position: absolute;
  clear: left;
  width: 50%;
  top: 50%;
  text-align: center;
  z-index: 400;
  left: 50%;
  transform: translate(-50%, -50%);
}
#logo img {
  width: 26em;
}
@media screen and (max-width: 700px) {
  #logo img {
    width: 20em;
  }
}
@media screen and (max-width: 800px) {
  #logo {
    width: 80%;
  }
}
#navi {
  position: absolute;
  z-index: 990;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  padding: 30px;
  top: 30px;
  float: left;
}
@media screen and (max-width: 850px) {
  #navi {
    padding: 20px;
    top: 20px;
  }
}
@media screen and (max-width: 780px) {
  #navi {
    padding: 0;
  }
}
#navi .inner {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
}
#navi .inner .category {
  display: inline-block;
  position: relative;
  padding: 0 0 2em 0;
  transition: 0.3s all ease-in-out 0.25s;
  -moz-transition: 0.3s all ease-in-out 0.25s;
  /* Firefox 4 */
  -webkit-transition: 0.3s all ease-in-out 0.25s;
  /* Safari and Chrome */
  -o-transition: 0.3s all ease-in-out 0.25s;
  /* Opera */
}
@media screen and (max-width: 780px) {
  #navi .inner .category {
    opacity: 0;
    -ms-filter: "alpha(opacity=calc(100*@wert))";
    -khtml-opacity: 0;
    -moz-opacity: 0;
    visibility: hidden;
    width: 100%;
    text-align: center;
    font-size: 1.6em;
    clear: left;
    position: relative;
    padding: 0 0 1em 0;
  }
}
#navi .inner .category a {
  font-size: 1.65em;
  line-height: normal;
  text-decoration: none;
  color: #fff;
  position: relative;
  font-family: "Lato", Arial, "sans-serif";
  padding: 0.2em 0.4em;
  display: inline-block;
  transition: 0.12s all ease;
  -moz-transition: 0.12s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.12s all ease;
  /* Safari and Chrome */
  -o-transition: 0.12s all ease;
  /* Opera */
}
#navi .inner .category a:hover {
  text-decoration: underline;
}
#navi .inner .category.active a.categorytitle {
  text-decoration: underline;
}
@media screen and (max-width: 780px) {
  #navi .inner .category.active .pagenavigation_container {
    visibility: visible;
    opacity: 1;
    -ms-filter: "alpha(opacity=calc(100*@wert))";
    -khtml-opacity: 1;
    -moz-opacity: 1;
    display: block;
  }
}
@media screen and (min-width: 781px) {
  #navi .inner .category:hover .pagenavigation_container {
    display: block;
  }
}
#navi .inner .bookinglink {
  display: none;
}
#navi .inner .pagenavigation_container {
  display: none;
  position: absolute;
  top: 4em;
  left: 50%;
  margin-left: -14em;
  width: 28em;
}
@media screen and (max-width: 780px) {
  #navi .inner .pagenavigation_container {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "alpha(opacity=calc(100*@wert))";
    -khtml-opacity: 0;
    -moz-opacity: 0;
    float: left;
    position: relative;
    top: auto;
    left: 0;
    margin-left: 0;
    width: 100%;
    margin-bottom: 1em;
  }
}
#navi .inner .pagenavigation_container.show {
  visibility: visible;
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  display: block;
}
#navi .inner .pagenavigation_container ul {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#navi .inner .pagenavigation_container ul li {
  float: left;
  width: 100%;
  position: relative;
}
#navi .inner .pagenavigation_container ul li a {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
  font-size: 1.5em;
  padding: 0.3em 0;
  box-sizing: border-box;
  text-align: center;
  color: #ddd;
}
@media screen and (max-width: 780px) {
  #navi .inner .pagenavigation_container ul li a {
    font-size: 1.3em;
    padding: 0.3em 0;
    color: #fff;
  }
}
@media screen and (min-width: 780px) {
  #navi .inner .pagenavigation_container ul li a:hover {
    color: #fff;
  }
}
#navi .inner .pagenavigation_container ul li.active a {
  text-decoration: underline;
}
#navi .left {
  width: 20em;
  position: absolute;
  top: 0;
  left: 30px;
  z-index: 1000;
  float: left;
}
@media screen and (max-width: 780px) {
  #navi .left {
    left: 50%;
    margin-left: -10em;
    text-align: center;
  }
}
#navi .left a {
  float: left;
  font-size: 1.6em;
  color: #ddd;
  text-decoration: none;
  padding: 0.3em 0.8em;
}
@media screen and (max-width: 780px) {
  #navi .left a {
    float: none;
    display: inline-block;
    color: #fff;
  }
}
#navi .left a:hover {
  color: #fff;
}
@media screen and (max-width: 400px) {
  #navi .left a {
    padding: 0.3em 0.4em;
  }
}
@media screen and (max-width: 780px) {
  #navi .left .languages {
    display: none;
  }
}
#navi .booknow {
  float: right;
  position: absolute;
  top: 0;
  right: 30px;
  font-size: 1.65em;
  font-weight: bold;
  padding: 0.4em 0.5em;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 500px) {
  #navi .booknow {
    right: 15px;
  }
}
.languages .active {
  display: none;
}
#navshow,
#bookingshow {
  display: none;
}
#navshow {
  display: none;
}
@media screen and (max-width: 780px) {
  #navshow {
    display: block;
  }
}
#navshow {
  height: 60px;
  position: absolute;
  z-index: 1001;
  top: 0;
  left: 0;
}
#navshow #navshow__balken {
  position: absolute;
  width: 70px;
  height: 100%;
  top: 0;
  left: 0;
  float: left;
  box-sizing: border-box;
}
#navshow #navshow__balken .in {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 26px;
  font-size: 22px;
  line-height: normal;
  color: #fff;
  height: 20px;
  text-align: center;
}
#navshow #navshow__title {
  position: absolute;
  top: 0;
  width: auto;
  left: 60px;
  display: block;
  color: #fff;
  height: 100%;
  transition: 0.12s all ease;
  -moz-transition: 0.12s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.12s all ease;
  /* Safari and Chrome */
  -o-transition: 0.12s all ease;
  /* Opera */
}
@media screen and (max-width: 370px) {
  #navshow #navshow__title {
    display: none;
  }
}
#navshow #navshow__title .in {
  font-size: 1.8em;
  line-height: 1em;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  margin-top: -0.5em;
}
#navshow.active:hover {
  background: #94B8B1;
}
#navshow__balken .balken {
  height: 1px;
  width: 100%;
  background: #fff;
  transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.2s all ease;
  /* Safari and Chrome */
  -o-transition: 0.2s all ease;
  /* Opera */
  position: absolute;
  top: 0;
  left: 0;
}
#navshow__balken .balken2 {
  top: 50%;
}
#navshow__balken .balken3 {
  top: 100%;
}
.active #navshow__balken .balken1 {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  top: 8px;
}
.active #navshow__balken .balken2 {
  width: 0px;
}
.active #navshow__balken .balken3 {
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  top: 8px;
}
#footer {
  float: left;
  position: relative;
  clear: left;
  width: 100%;
  box-sizing: border-box;
  width: calc(100% - 60px);
  margin-bottom: 30px;
  margin-left: 30px;
  margin-top: 30px;
  padding: 7em 10em;
  background: #3F4448;
  color: #eee;
}
@media screen and (max-width: 1000px) {
  #footer {
    width: calc(100% - 30px);
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 800px) {
  #footer {
    padding: 7em;
  }
}
@media screen and (max-width: 600px) {
  #footer {
    padding: 6em 3em;
  }
}
#footer #footer__contact {
  float: left;
  position: relative;
  clear: left;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
}
#footer #footer__contact img {
  width: 5em;
}
#footer .designline {
  bottom: auto;
  top: -50px;
  height: 100px;
}
@media screen and (max-width: 800px) {
  #footer .designline {
    height: 60px;
    top: -30px;
  }
}
#footer__contact {
  color: #fff;
  text-align: center;
  padding: 3em 0;
  font-size: 1.6em;
  line-height: 180%;
}
#footer__contact a {
  color: #ddd;
  text-decoration: none;
  display: inline-block;
  padding: 0 0.45em;
}
#footer__contact a span {
  color: #94B8B1;
}
#footer__contact a:hover {
  color: #fff;
}
#footer__contact a.hide {
  display: none;
}
#footer__bottom {
  text-align: center;
  width: 100%;
  float: left;
  position: relative;
}
#footer__bottom a {
  color: #aaa;
  font-size: 1.3em;
  line-height: normal;
  display: inline-block;
  padding: 1.5em 1em;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#footer__bottom a:hover {
  color: #fff;
}
@media screen and (max-width: 600px) {
  #footer__bottom a {
    padding: 0.3em 0.8em;
  }
}
#footer__bottom .zmart {
  float: right;
  width: auto;
  text-align: right;
  position: absolute;
  bottom: 1em;
  right: 1em;
}
@media screen and (max-width: 600px) {
  #footer__bottom .zmart {
    bottom: -3em;
  }
}
#footer__bottom .zmart a {
  padding-right: 0;
  color: #888;
  font-size: 1em;
}
#footer__bottom .zmart a:hover {
  color: #fff;
}
.editing .cover {
  overflow: visible;
}
.cover__tvb {
  position: absolute;
  bottom: 8em;
  z-index: 40;
  right: 8em;
}
@media screen and (max-width: 800px) {
  .cover__tvb {
    bottom: 4em;
  }
}
div.cover {
  float: left;
  position: relative;
  clear: left;
  min-height: 50em;
  background: #393636;
  width: calc(100% - 60px);
  margin-top: 30px;
  margin-left: 30px;
  margin-bottom: 30px;
  height: 50em;
}
@media screen and (max-width: 1000px) {
  div.cover {
    width: calc(100% - 30px);
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
div.cover .cover__image {
  overflow: hidden;
  z-index: 1;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
div.cover .cover__image > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  -o-object-fit: cover;
}
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: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
div.cover .cover__shadow {
  overflow: hidden;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(/public/img/bgshadow.png) center center no-repeat;
  background-size: cover;
}
div.cover.cover--minimal {
  height: 30em;
  min-height: 0;
}
div.cover.cover--minimal #logo {
  margin-top: -4em;
}
div.cover.cover--minimal #logo img {
  width: 22em;
}
div.cover.cover--minimal .designline {
  height: 40px;
  margin-bottom: -20px;
}
div.cover.cover--default .cover__content {
  z-index: 30;
  float: left;
  position: absolute;
  clear: left;
  width: 60%;
  bottom: 8em;
  text-align: center;
  left: 20%;
  display: none;
}
@media screen and (max-width: 1000px) {
  div.cover.cover--default .cover__content {
    width: 70%;
    left: 15%;
  }
}
@media screen and (max-width: 800px) {
  div.cover.cover--default .cover__content {
    width: 80%;
    left: 10%;
    bottom: 12em;
  }
}
@media screen and (max-width: 600px) {
  div.cover.cover--default .cover__content {
    width: 86%;
    left: 7%;
  }
}
div.cover.cover--default .cover__content h4,
div.cover.cover--default .cover__content strong {
  text-align: center;
  text-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
  float: left;
  clear: left;
  position: relative;
  color: #fff;
}
div.cover.cover--default .cover__content h4 {
  font-weight: normal;
  color: #fff;
  font-size: 2.4em;
  width: 20em;
  left: 50%;
  margin-left: -10em;
  font-style: italic;
  line-height: 145%;
  margin-bottom: 0;
}
@media screen and (max-width: 900px) {
  div.cover.cover--default .cover__content h4 {
    width: 60%;
    left: 0;
    margin-left: 20%;
  }
}
@media screen and (max-width: 600px) {
  div.cover.cover--default .cover__content h4 {
    width: 80%;
    left: 0;
    margin-left: 10%;
  }
}
div.cover .cover__arrow {
  position: absolute;
  font-size: 4em;
  color: #fff;
  opacity: 0.5;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  bottom: 3.5em;
  left: 50%;
  width: 3em;
  text-align: center;
  margin-left: -1.5em;
  float: left;
  z-index: 30;
}
@media screen and (max-width: 1000px) {
  div.cover .cover__arrow {
    bottom: 2em;
  }
}
@media screen and (max-width: 800px) {
  div.cover .cover__arrow {
    bottom: 1em;
  }
}
div.cover .cover__link {
  position: absolute;
  z-index: 35;
  width: 95%;
  height: 95%;
  left: 2.5%;
  top: 2.5%;
}
div.cover.cover--header {
  height: 30em;
  min-height: 0;
  background: none;
}
div.cover.cover--header .cover__logo {
  top: 1em;
}
div.cover.cover--header .cover__content {
  bottom: 4em;
}
div.cover.cover--header .cover__content h1,
div.cover.cover--header .cover__content h2,
div.cover.cover--header .cover__content h3 {
  color: #94B8B1;
}
div.cover .cover__navibg {
  height: 13em;
  background: #3F4448;
  width: 100%;
  float: left;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}
div.cover.haslink .cover__arrow {
  transition: opacity 0.13s ease, margin 0.13s ease-out;
  -moz-transition: opacity 0.13s ease, margin 0.13s ease-out;
  /* Firefox 4 */
  -webkit-transition: opacity 0.13s ease, margin 0.13s ease-out;
  /* Safari and Chrome */
  -o-transition: opacity 0.13s ease, margin 0.13s ease-out;
  /* Opera */
}
div.cover.haslink .cover__image {
  transition: opacity 0.13s ease;
  -moz-transition: opacity 0.13s ease;
  /* Firefox 4 */
  -webkit-transition: opacity 0.13s ease;
  /* Safari and Chrome */
  -o-transition: opacity 0.13s ease;
  /* Opera */
}
div.cover.haslink:hover .cover__arrow {
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  margin-bottom: -0.3em;
}
div.cover.haslink:hover .cover__image {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
}
body.cmart #content .cover .ql-toolbar.ql-snow {
  position: absolute;
  top: -3em;
  bottom: auto;
  left: 50%;
  margin-left: -10em;
  text-align: center;
  width: 20em;
}
.category_1 div.cover {
  height: calc(100vh - 60px);
}
.category_1 div.cover .cover__content {
  display: block;
}
body.cmart.editing .cover .cover__shadow {
  display: none;
}
#content ul.listinfos.cover {
  width: 98%;
  margin: 0 1%;
}
#content ul.listinfos.cover li.infobox.cover {
  width: 48%;
  margin: 1%;
  box-sizing: border-box;
  float: left;
  clear: none;
  position: relative;
}
#content ul.listinfos.cover li.infobox.cover div.cover {
  height: 65em;
  min-height: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}
#content ul.listinfos.cover li.infobox.cover div.cover div.cover__content {
  top: 10em;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
#content ul.listinfos.cover li.infobox.cover div.cover div.cover__content h1,
#content ul.listinfos.cover li.infobox.cover div.cover div.cover__content h2,
#content ul.listinfos.cover li.infobox.cover div.cover div.cover__content h3 {
  font-size: 4em;
  line-height: 110%;
}
@media screen and (max-width: 1000px) {
  #content ul.listinfos.cover li.infobox.cover div.cover div.cover__content h1,
  #content ul.listinfos.cover li.infobox.cover div.cover div.cover__content h2,
  #content ul.listinfos.cover li.infobox.cover div.cover div.cover__content h3 {
    font-size: 3.4em;
  }
}
@media screen and (max-width: 1000px) {
  #content ul.listinfos.cover li.infobox.cover div.cover div.cover__content {
    top: 7em;
  }
}
@media screen and (max-width: 800px) {
  #content ul.listinfos.cover li.infobox.cover div.cover div.cover__content {
    top: 5em;
  }
}
#content ul.listinfos.cover li.infobox.cover:nth-child(2) {
  margin-top: 6em;
}
#content ul.listinfos.cover li.infobox.cover:nth-child(2n) {
  float: right;
}
#content ul.listinfos.cover li.infobox.cover:nth-child(2n+1) {
  clear: left;
}
@media screen and (max-width: 850px) {
  #content ul.listinfos.cover li.infobox.cover {
    width: 90%;
    margin: 2.5% 5%;
  }
  #content ul.listinfos.cover li.infobox.cover:nth-child(2) {
    margin: 2.5% 5%;
  }
  #content ul.listinfos.cover li.infobox.cover:nth-child(2n) {
    margin: 2.5% 5%;
  }
  #content ul.listinfos.cover li.infobox.cover div.cover {
    height: 50em;
  }
}
li.content.cover > div.cms_editbox {
  top: 50% !important;
}
.card {
  float: left;
  position: relative;
  box-sizing: border-box;
  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;
}
div.headlineblock {
  position: relative;
  max-width: 80em;
  width: 100%;
  float: none;
  margin: 0 auto;
  clear: left;
  text-align: center;
}
div.headlineblock h1,
div.headlineblock h2 {
  font-size: 4.8em;
  font-weight: normal;
  line-height: 100%;
  font-family: "Lora", Georgia, serif;
  color: #393636;
}
@media screen and (max-width: 900px) {
  div.headlineblock h1,
  div.headlineblock h2 {
    font-size: 4em;
  }
}
@media screen and (max-width: 780px) {
  div.headlineblock h1,
  div.headlineblock h2 {
    font-size: 3.2em;
  }
}
div.headlineblock h4 {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.4em;
  letter-spacing: 1px;
  color: #94B8B1;
  margin-bottom: 1.2em;
  line-height: 100%;
}
div.piclink,
a.piclink {
  position: relative;
  width: 100%;
  height: 51em;
  box-sizing: border-box;
  float: left;
  background: #94B8B1;
  cursor: pointer;
}
@media screen and (max-width: 900px) {
  div.piclink,
  a.piclink {
    height: 42em;
  }
}
@media screen and (max-width: 700px) {
  div.piclink,
  a.piclink {
    height: 38em;
  }
}
@media screen and (max-width: 500px) {
  div.piclink,
  a.piclink {
    height: 33em;
  }
}
div.piclink .piclink__image,
a.piclink .piclink__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  float: left;
  background: transparent;
}
div.piclink .piclink__image .bgimage,
a.piclink .piclink__image .bgimage {
  transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.3s all ease;
  /* Safari and Chrome */
  -o-transition: 0.3s all ease;
  /* Opera */
  opacity: 0.25;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
}
div.piclink .piclink__image img.img,
a.piclink .piclink__image img.img {
  opacity: 0.25;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  width: 100%;
  transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.3s all ease;
  /* Safari and Chrome */
  -o-transition: 0.3s all ease;
  /* Opera */
  height: 100%;
  float: left;
  position: relative;
  object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
}
div.piclink .piclink__title,
a.piclink .piclink__title {
  position: absolute;
  font-size: 3.2em;
  color: #fff;
  font-weight: normal;
  display: inline-block;
  left: 10%;
  top: 20%;
  width: 80%;
  line-height: 110%;
  font-family: "Lora", Georgia, serif;
  text-align: center;
  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 */
}
@media screen and (max-width: 800px) {
  div.piclink .piclink__title,
  a.piclink .piclink__title {
    font-size: 2.8em;
  }
}
@media screen and (max-width: 600px) {
  div.piclink .piclink__title,
  a.piclink .piclink__title {
    font-size: 2.4em;
  }
}
div.piclink .piclink__title strong,
a.piclink .piclink__title strong {
  font-weight: normal;
}
div.piclink .piclink__more,
a.piclink .piclink__more {
  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: absolute;
  left: 10%;
  bottom: 20%;
  float: left;
  display: inline-block;
  width: 80%;
  font-size: 1.5em;
  text-transform: uppercase;
  letter-spacing: 2px;
  box-sizing: border-box;
  line-height: normal;
  z-index: 20;
  color: #fff;
}
div.piclink .piclink__more em,
a.piclink .piclink__more em {
  font-style: normal;
  overflow: hidden;
  width: 0px;
  display: inline-block;
  transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.6s all ease;
  /* Safari and Chrome */
  -o-transition: 0.6s all ease;
  /* Opera */
  text-align: center;
}
div.piclink .piclink__more span,
a.piclink .piclink__more span {
  font-size: 1.5em;
}
div.piclink:hover .piclink__image img.img,
a.piclink:hover .piclink__image img.img {
  opacity: 0.88;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.88;
  -moz-opacity: 0.88;
}
div.piclink:hover .piclink__image .bgimage,
a.piclink:hover .piclink__image .bgimage {
  opacity: 0.88;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.88;
  -moz-opacity: 0.88;
}
div.piclink:hover .piclink__more em,
a.piclink:hover .piclink__more em {
  width: 7em;
}
#content ul.piclink.listinfos {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  text-align: center;
  margin: 8em 0;
}
@media screen and (max-width: 800px) {
  #content ul.piclink.listinfos {
    margin: 5em 0;
  }
}
#content ul.piclink.listinfos li.piclink {
  clear: none;
  float: none;
  width: 37em;
  display: inline-block;
  padding: 1.2em;
  box-sizing: border-box;
  margin: 0;
}
@media screen and (max-width: 800px) {
  #content ul.piclink.listinfos li.piclink {
    width: 45%;
  }
}
@media screen and (max-width: 600px) {
  #content ul.piclink.listinfos li.piclink {
    width: 70%;
  }
}
@media screen and (max-width: 450px) {
  #content ul.piclink.listinfos li.piclink {
    width: 88%;
  }
}
.fombuttons {
  width: 100%;
  float: left;
  margin: 2em 0;
  position: relative;
  font-size: 1.8em;
}
.fombutton {
  padding: 0.7em 1.2em;
  width: auto;
  text-decoration: none;
  display: inline-block;
  line-height: normal;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: rgba(50, 50, 50, 0.6);
  transition: all 0.12s ease;
  -moz-transition: all 0.12s ease;
  /* Firefox 4 */
  -webkit-transition: all 0.12s ease;
  /* Safari and Chrome */
  -o-transition: all 0.12s ease;
  /* Opera */
  color: #eee;
}
.fombutton:hover {
  color: #232222;
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(255, 255, 255, 0.98);
}
.fombutton:hover .fombutton__icon {
  color: #94B8B1;
  margin-left: 0.1em;
  margin-right: -0.1em;
}
div.contentblock.textbutton .fombutton {
  font-size: 1.8em;
  padding: 0.5em 0.9em;
  color: #94B8B1;
  background: #f2f2f2;
  border: none;
}
div.contentblock.textbutton .fombutton .fombutton__icon {
  color: #94B8B1;
}
div.contentblock.textbutton .fombutton:hover {
  background: #94B8B1;
  color: #fff;
}
div.contentblock.textbutton .fombutton:hover .fombutton__icon {
  color: #fff;
}
.bgimage {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.designline {
  position: absolute;
  width: 2px;
  margin-left: -1px;
  left: 50%;
  bottom: 0px;
  margin-bottom: -80px;
  height: 160px;
  background: #94B8B1;
  float: left;
  z-index: 500;
}
@media screen and (max-width: 780px) {
  .designline {
    height: 90px;
    margin-bottom: -45px;
  }
}
.cookieinfo {
  left: auto !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.19);
  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;
}
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 ul {
  float: none;
  max-width: 36em;
  margin: 0 auto;
  clear: left;
}
#content div.textobj p {
  text-align: center;
}
#content div.textobj p,
#content div.textobj ul,
#content div.textobj td {
  clear: left;
  width: 100%;
  margin-bottom: 1em;
  font-size: 1.65em;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  #content div.textobj p,
  #content div.textobj ul,
  #content div.textobj td {
    font-size: 1.6em;
  }
}
#content p + h1,
#content p + h2,
#content p + h3,
#content ul + h1,
#content ul + h2,
#content ul + h3 {
  margin-top: 1em;
}
#content .textblock + .headline,
#content .textobj + .headline {
  margin-top: 2em;
}
#content div.textobj img,
#content p img {
  position: relative;
  max-width: 100%;
}
#content .textobj.bigtext {
  text-align: center;
  width: 75em;
  position: relative;
  font-weight: 300;
  left: 50%;
  margin-left: -37.5em;
}
#content .textobj.bigtext p {
  font-size: 2.5em;
  font-style: italic;
  line-height: 1.3em;
}
#content .cols_1_narrow .textobje.bigtext {
  width: 100%;
  margin-left: 0;
  left: 0;
}
#content div.textobj {
  float: left;
  clear: left;
  width: 100%;
  position: relative;
}
#content div.textobj ul {
  list-style-type: none;
  width: 100%;
  position: relative;
}
#content div.textobj ul li {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  line-height: 130%;
  text-align: left;
  margin-bottom: 0;
  padding: 0.5em 0.5em 0.5em 1.4em;
  border-top: 1px solid #575e63;
}
#content div.textobj ul li::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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: "\e925";
  position: absolute;
  top: 1.4em;
  left: 0em;
  transition: 0.12s all ease;
  -moz-transition: 0.12s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.12s all ease;
  /* Safari and Chrome */
  -o-transition: 0.12s all ease;
  /* Opera */
  font-size: 0.6em;
  color: #94B8B1;
}
#content div.textobj ul li:hover::before {
  left: 0.2em;
  color: #3F4448;
}
#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: "Lora", 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%;
  left: 50%;
  font-size: 2em;
  color: #fff;
  z-index: 20;
  transform: translate(-50%, -50%);
  line-height: normal;
  width: 20%;
  text-align: center;
  float: left;
}
#content .leftalign div.textobj p {
  text-align: left;
}
#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;
}
.arrows {
  text-align: center;
  margin-top: 2em;
  width: 100%;
  float: left;
  clear: left;
  position: relative;
}
.arrows > a,
.arrows > span {
  display: inline-block;
  text-decoration: none;
  font-size: 2.5em;
  padding: 0.5em 1em;
  color: #3F4448;
}
.arrows a:hover:hover {
  color: #272a2d;
}
ul.accordion {
  float: left;
  width: 100%;
  clear: left;
  position: relative;
}
ul.accordion .accordion {
  -moz-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  float: left;
  width: 100%;
  position: relative;
  clear: left;
  margin-bottom: 2px;
}
ul.accordion .accordion__title {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 1em;
  font-size: 2em;
  text-decoration: none;
  background: #fff;
  color: #333;
  position: relative;
  clear: left;
}
ul.accordion .accordion__title .icon {
  position: absolute;
  top: 50%;
  right: 2em;
  transform: translateY(-50%);
  float: right;
  height: 1em;
  color: #94B8B1;
}
ul.accordion .accordion__title:hover {
  color: #222;
}
ul.accordion .accordion__title:hover .icon {
  color: #3F4448;
}
ul.accordion .accordion__content {
  display: none;
  float: left;
  clear: left;
  width: 100%;
  box-sizing: border-box;
  padding: 4em;
  background: #fff;
}
ul.accordion .accordion.active .accordion__title {
  background: #fff;
  color: #222;
}
ul.accordion .accordion.active .accordion__title .icon {
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
ul.accordion .accordion.active .accordion__content {
  display: block;
}
ul.accordion li.accordion + li.accordion {
  margin-top: 1em;
}
#content ul.listinfos.button {
  text-align: center;
}
#content ul.listinfos.button.margin {
  margin: 5em 0;
}
#content ul.listinfos.button--finale {
  background: #f5f5f5;
  padding: 5em;
}
@media screen and (max-width: 900px) {
  #content ul.listinfos.button--finale {
    padding: 1em;
  }
}
@media screen and (max-width: 880px) {
  #content ul.listinfos.button--big {
    width: 86%;
    margin-left: 7%;
  }
}
#content ul.listinfos.button li {
  width: 22em;
  float: none;
  clear: left;
  position: relative;
  text-align: center;
  display: inline-block;
  padding: 0.5em;
}
#content ul.listinfos.button li a.buttonlink {
  float: left;
  position: relative;
  font-size: 1.8em;
  line-height: normal;
  width: 100%;
  box-sizing: border-box;
  padding: 0.7em 0;
  background: #fff;
  text-decoration: none;
}
#content ul.listinfos.button li a.buttonlink .title {
  transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.2s all ease;
  /* Safari and Chrome */
  -o-transition: 0.2s all ease;
  /* Opera */
  color: #272a2d;
  float: left;
  width: 100%;
}
#content ul.listinfos.button li a.buttonlink .icon {
  transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.2s all ease;
  /* Safari and Chrome */
  -o-transition: 0.2s all ease;
  /* Opera */
  position: absolute;
  right: -0.1em;
  top: 50%;
  margin-top: -1em;
  color: #575e63;
  text-align: center;
  width: 2em;
  font-size: 0.8em;
  padding-top: 0.58em;
  background: #94B8B1;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  height: 2em;
  opacity: 0;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0;
  -moz-opacity: 0;
  box-sizing: border-box;
}
#content ul.listinfos.button li a.buttonlink:hover {
  background: #94B8B1;
}
#content ul.listinfos.button li a.buttonlink:hover .title {
  color: #fff;
}
#content ul.listinfos.button li a.buttonlink:hover .icon {
  right: -0.8em;
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  color: #fff;
}
#content ul.listinfos.button li:last-child a.buttonlink {
  border-bottom: 0;
}
#content ul.unorderedlist {
  float: left;
  width: 100%;
  position: relative;
  text-align: center;
}
#content ul.unorderedlist li.unorderedlist {
  width: 24%;
  position: relative;
  box-sizing: border-box;
  padding-right: 1.5em;
  font-size: 2.2em;
  line-height: 120%;
  margin-bottom: 1em;
  display: inline-block;
  float: none;
  vertical-align: top;
}
#content ul.unorderedlist li.unorderedlist .icon {
  width: 1.5em;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  color: #999;
}
#content ul.unorderedlist li.unorderedlist .content {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 1.5em;
  text-align: left;
}
#content ul.unorderedlist li.unorderedlist a .content {
  text-decoration: underline;
}
#content ul.unorderedlist li.unorderedlist a:hover {
  color: #94B8B1;
  text-decoration: underline;
}
#content ul.unorderedlist li.unorderedlist:nth-child(4n+1) {
  clear: left;
}
@media screen and (max-width: 900px) {
  #content ul.unorderedlist li.unorderedlist {
    width: 32%;
  }
  #content ul.unorderedlist li.unorderedlist:nth-child(4n+1) {
    clear: none;
  }
  #content ul.unorderedlist li.unorderedlist:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 700px) {
  #content ul.unorderedlist li.unorderedlist {
    width: 49%;
  }
  #content ul.unorderedlist li.unorderedlist:nth-child(3n+1) {
    clear: none;
  }
  #content ul.unorderedlist li.unorderedlist:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 450px) {
  #content ul.unorderedlist li.unorderedlist {
    width: 100%;
    clear: left;
  }
  #content ul.unorderedlist li.unorderedlist:nth-child(2n+1) {
    clear: none;
  }
}
#content ul.unorderedlist.bigul--- li.unorderedlist {
  font-size: 2.6em;
  line-height: 110%;
  width: 49%;
}
#content ul.unorderedlist.bigul--- li.unorderedlist:nth-child(3n+1),
#content ul.unorderedlist.bigul--- li.unorderedlist:nth-child(4n+1) {
  clear: none;
}
#content ul.unorderedlist.bigul--- li.unorderedlist:nth-child(2n+1) {
  clear: left;
}
@media screen and (max-width: 800px) {
  #content ul.unorderedlist.bigul--- li.unorderedlist {
    width: 100%;
    clear: left;
  }
  #content ul.unorderedlist.bigul--- li.unorderedlist:nth-child(2n+1) {
    clear: none;
  }
}
.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%;
}
.slickslider .slickslide {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  float: left;
  background: #222;
}
.slickslider .slickslide .slidecontent {
  float: left;
  width: 100%;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
}
.slickslider .slickslide .slide__picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slickslider .slickslide.slick-current .slidecontent h1,
.slickslider .slickslide.slick-current .slidecontent h2,
.slickslider .slickslide.slick-current .slidecontent h3 {
  margin-left: 0;
}
.slidercontent,
.imageslider {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
}
.imageslider {
  min-height: 5em;
}
.slickslider.slider {
  height: 80vh;
}
.slider .slidearrow {
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  margin-top: 0;
  z-index: 50;
}
.slider .slidearrow .arrow {
  position: absolute;
  top: 50%;
  width: 10em;
  height: 10em;
  background: #222;
  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: -4em;
}
.slider .slidearrow .arrow svg {
  float: left;
  width: 40%;
  margin: 30%;
}
.slider .slidearrow .arrow svg * {
  fill: #fff;
}
.slider .slidearrow.prev {
  left: 0;
}
.slider .slidearrow.prev .arrow {
  left: 0;
}
.slider .slidearrow.next {
  right: 0;
}
.slider .slidearrow.next .arrow {
  right: 0;
}
.slider .slidearrow:hover .arrow {
  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;
}
ul.listpictures {
  width: 100%;
  float: left;
  position: relative;
}
ul.listpictures li {
  position: relative;
  float: left;
  width: 19%;
  margin: 0.5%;
  height: 17em;
}
ul.listpictures li a.lightbox {
  float: left;
  width: 100%;
  position: absolute;
  left: 0;
  height: 100%;
}
ul.listpictures li a.lightbox .bgimage {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.2s all ease;
  /* Safari and Chrome */
  -o-transition: 0.2s all ease;
  /* Opera */
}
ul.listpictures li a.lightbox img {
  float: left;
  position: relative;
  width: 100%;
}
ul.listpictures li a.lightbox .title {
  display: none;
}
ul.listpictures li a.lightbox:hover .bgimage {
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
div.singlepicture,
.singlepicture {
  width: 100%;
  float: left;
  clear: left;
  position: relative;
  text-align: center;
}
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;
  -moz-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.09);
}
a.singlepicture.noshadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.singlepicture.centering {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
ul.listpictures.default li.gallerypicture {
  width: 48%;
  margin: 1%;
  height: 27em;
}
ul.listpictures.default li.gallerypicture a.lightbox {
  background: #94B8B1;
  overflow: hidden;
  top: -3em;
}
ul.listpictures.default li.gallerypicture a.lightbox .bgimage {
  opacity: 0.4;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  transition: 0.8s all ease;
  -moz-transition: 0.8s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.8s all ease;
  /* Safari and Chrome */
  -o-transition: 0.8s all ease;
  /* Opera */
  background-position: center center;
}
ul.listpictures.default li.gallerypicture a.lightbox:hover .bgimage {
  opacity: 0.9;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  transform: scale(1.05);
}
ul.listpictures.default li.gallerypicture:nth-child(2n) a.lightbox {
  top: 3em;
}
a.singlepicture {
  min-height: 8em;
  -moz-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.09);
}
.slickslider.slideshow {
  height: 70em;
}
@media screen and (max-width: 1100px) {
  .slickslider.slideshow {
    height: 60em;
  }
}
@media screen and (max-width: 900px) {
  .slickslider.slideshow {
    height: 50em;
  }
}
@media screen and (max-width: 780px) {
  .slickslider.slideshow {
    height: 40em;
  }
}
@media screen and (max-width: 680px) {
  .slickslider.slideshow {
    height: 34em;
  }
}
#content .slickslider.slideshow {
  clear: left;
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
}
#content .slickslider.slideshow .slide {
  float: left;
  margin: 0;
  height: 80%;
  margin-top: 10%;
  overflow: hidden;
  position: relative;
  opacity: 0.5;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  margin: 30px;
  width: 1000px;
  transition: 0.8s all ease;
  -moz-transition: 0.8s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.8s all ease;
  /* Safari and Chrome */
  -o-transition: 0.8s all ease;
  /* Opera */
}
@media screen and (max-width: 1100px) {
  #content .slickslider.slideshow .slide {
    width: 800px;
  }
}
@media screen and (max-width: 900px) {
  #content .slickslider.slideshow .slide {
    width: 700px;
  }
}
@media screen and (max-width: 780px) {
  #content .slickslider.slideshow .slide {
    width: 600px;
    margin: 20px;
  }
}
@media screen and (max-width: 680px) {
  #content .slickslider.slideshow .slide {
    width: 500px;
  }
}
@media screen and (max-width: 500px) {
  #content .slickslider.slideshow .slide {
    width: 400px;
    margin: 15px;
  }
}
@media screen and (max-width: 400px) {
  #content .slickslider.slideshow .slide {
    width: 340px;
  }
}
#content .slickslider.slideshow .slide img {
  float: left;
  clear: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
#content .slickslider.slideshow .slide.slick-current {
  height: 100%;
  margin-top: 0;
  opacity: 1;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -moz-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
}
.imageslider {
  margin: 5em 0 10em 0;
}
.imageslider .slideshownav {
  position: absolute;
  bottom: -2em;
  font-size: 2.4em;
  line-height: normal;
  width: 1000px;
  left: 50%;
  margin-left: -500px;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  .imageslider .slideshownav {
    width: 800px;
    margin-left: -400px;
  }
}
@media screen and (max-width: 900px) {
  .imageslider .slideshownav {
    width: 700px;
    margin-left: -350px;
  }
}
@media screen and (max-width: 780px) {
  .imageslider .slideshownav {
    width: 600px;
    margin-left: -300px;
  }
}
@media screen and (max-width: 680px) {
  .imageslider .slideshownav {
    width: 80%;
    margin-left: 0px;
    left: 10%;
  }
}
.imageslider .slideshownav a {
  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 */
  text-decoration: none;
}
.imageslider .slideshownav a:hover {
  color: #94B8B1;
}
.imageslider .slideshownav .numberinfo {
  font-size: 0.8em;
}
.imageslider .slideshownav .slidearrow {
  position: absolute;
  top: 0;
}
.imageslider .slideshownav .slidearrow.prev {
  left: 0;
}
.imageslider .slideshownav .slidearrow.next {
  right: 0;
}
#content > div.template.paddingbottom + .imageslider {
  margin-top: 0;
}
.editing a.singlepicture,
.editing div.singlepicture {
  width: 100%;
}
.container,
.template {
  position: relative;
  float: left;
  clear: left;
  width: 100%;
}
.innercenter,
.template_inner {
  position: relative;
  float: left;
  clear: left;
  width: 88%;
  margin-left: 6%;
}
@media screen and (min-width: 1100px) {
  .innercenter,
  .template_inner {
    width: 900px;
    margin-left: -450px;
    left: 50%;
  }
}
@media screen and (min-width: 1400px) {
  .innercenter,
  .template_inner {
    width: 1100px;
    margin-left: -550px;
    left: 50%;
  }
}
@media screen and (min-width: 1700px) {
  .innercenter,
  .template_inner {
    width: 1300px;
    margin-left: -650px;
    left: 50%;
  }
}
div.template.narrowinner .template_inner {
  width: 100em;
  margin-left: -50em;
  left: 50%;
}
@media screen and (max-width: 1100px) {
  div.template.narrowinner .template_inner {
    width: 82%;
    margin-left: 9%;
    left: 0;
  }
}
div.template {
  padding: 0;
}
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;
}
.template__headline {
  float: left;
  clear: left;
  position: relative;
  width: 100%;
  margin-bottom: 1em;
  text-align: center;
  z-index: 100;
}
.template__headline .symbol {
  margin-bottom: 4em;
  width: 3em;
}
div.template.paddingtop {
  padding-top: 16em;
}
@media screen and (max-width: 1200px) {
  div.template.paddingtop {
    padding-top: 14em;
  }
}
@media screen and (max-width: 1000px) {
  div.template.paddingtop {
    padding-top: 12em;
  }
}
@media screen and (max-width: 780px) {
  div.template.paddingtop {
    padding-top: 9em;
  }
}
div.template.paddingbottom {
  padding-bottom: 16em;
}
@media screen and (max-width: 1200px) {
  div.template.paddingbottom {
    padding-bottom: 14em;
  }
}
@media screen and (max-width: 1000px) {
  div.template.paddingbottom {
    padding-bottom: 12em;
  }
}
@media screen and (max-width: 780px) {
  div.template.paddingbottom {
    padding-bottom: 9em;
  }
}
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 .template_inner > .contentbox {
  padding: 0 3.5em;
}
@media screen and (max-width: 980px) {
  .template .template_inner > .contentbox {
    padding: 0 2em;
  }
}
@media screen and (max-width: 800px) {
  .template .template_inner > .contentbox {
    padding: 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_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%;
  }
}
#content .cols_2_normal .template .template_inner {
  width: 100%;
  margin: 0;
  left: 0;
}
#content .cols_2_normal .template_inner > .contentbox {
  clear: none;
  width: 50%;
}
@media screen and (min-width: 861px) {
  #content .cols_2_normal .template_inner > .contentbox .textobj p {
    text-align: left;
  }
}
@media screen and (max-width: 860px) {
  #content .cols_2_normal .template_inner > .contentbox {
    width: 76%;
    margin-left: 12%;
  }
}
@media screen and (max-width: 720px) {
  #content .cols_2_normal .template_inner > .contentbox {
    width: 86%;
    margin-left: 7%;
  }
}
@media screen and (max-width: 600px) {
  #content .cols_2_normal .template_inner > .contentbox {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 860px) {
  #content .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;
  }
}
div.rooms {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 4em;
  text-align: center;
}
div.rooms .piclink {
  width: 40em;
  margin: 1.3%;
  display: inline-block;
  text-align: center;
  float: none;
}
@media screen and (max-width: 1200px) {
  div.rooms .piclink {
    width: 45%;
  }
}
@media screen and (max-width: 700px) {
  div.rooms .piclink {
    width: 70%;
  }
}
@media screen and (max-width: 540px) {
  div.rooms .piclink {
    width: 90%;
  }
}
@media screen and (max-width: 400px) {
  div.rooms .piclink {
    width: 100%;
  }
}
div.rooms .piclink:nth-child(3) {
  clear: left;
}
.pricelist,
.roompricelist {
  width: 100%;
  float: left;
  clear: left;
  position: relative;
  margin-top: 5em;
  /*.pricelist__header .roomname.room2, .pricelist__pricerow .price.price2 {
    width:32%;
  }*/
}
.pricelist .pricelist__header,
.roompricelist .pricelist__header,
.pricelist .pricelist__pricerow,
.roompricelist .pricelist__pricerow {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
}
.pricelist .pricelist__header .season,
.roompricelist .pricelist__header .season,
.pricelist .pricelist__pricerow .season,
.roompricelist .pricelist__pricerow .season {
  min-height: 1em;
  width: 25%;
  float: left;
  position: relative;
}
.pricelist .pricelist__pricerow:nth-child(even),
.roompricelist .pricelist__pricerow:nth-child(even) {
  border-top: 0;
  background: #f2f2f2;
}
.pricelist .roompricedevider,
.roompricelist .roompricedevider {
  width: 100%;
  clear: left;
  float: left;
  position: relative;
}
.pricelist .roompricedevider div,
.roompricelist .roompricedevider div {
  float: left;
  width: 50%;
  position: relative;
}
.pricelist .pricelist__header .roomname,
.roompricelist .pricelist__header .roomname,
.pricelist .pricelist__pricerow .price,
.roompricelist .pricelist__pricerow .price {
  width: 33.33%;
  float: left;
  position: relative;
  font-size: 1.7em;
  line-height: normal;
  text-align: center;
}
.pricelist .pricelist__header .roomname,
.roompricelist .pricelist__header .roomname {
  line-height: 120%;
  font-size: 2em;
}
.pricelist .pricelist__header .roomname strong,
.roompricelist .pricelist__header .roomname strong {
  float: left;
  font-family: "Lora", Georgia, serif;
  width: 90%;
  padding: 0 5% 2em 5%;
  text-align: center;
  color: #333;
}
.pricelist .pricelist__header .roomname.room2 strong,
.roompricelist .pricelist__header .roomname.room2 strong {
  padding-bottom: 0.5em;
}
.pricelist .pricelist__header .roomname.room2 .roompricedevider,
.roompricelist .pricelist__header .roomname.room2 .roompricedevider {
  font-size: 0.8em;
  color: #94B8B1;
}
.pricelist .pricelist__pricerow,
.roompricelist .pricelist__pricerow {
  border-top: 1px solid #eee;
  padding: 2em 0;
  border-radius: 5px;
}
.pricelist .pricelist__pricerow .season,
.roompricelist .pricelist__pricerow .season {
  font-size: 1.7em;
  line-height: normal;
  box-sizing: border-box;
  padding-left: 1.2em;
}
.pricelist.mobile {
  display: none;
}
.pricelist.mobile h2 {
  float: left;
  clear: left;
  width: 100%;
}
.pricelist.mobile .roompricedevider.hea {
  width: 50%;
  float: right;
  font-size: 1.6em;
  text-align: right;
  margin-bottom: 1em;
  padding-right: 0.9em;
}
.pricelist.mobile .pricelist__pricerow + h2 {
  margin-top: 1.5em;
}
.pricelist.mobile .pricelist__pricerow .season {
  width: 40%;
  font-size: 1.5em;
}
.pricelist.mobile .pricelist__pricerow .price {
  width: 60%;
  float: right;
  font-size: 1.5em;
  text-align: right;
  box-sizing: border-box;
  padding-right: 1em;
}
@media screen and (max-width: 800px) {
  .pricelist.mobile {
    display: block;
  }
  .pricelist.desktop {
    display: none;
  }
}
.roompricelist .summer,
.roompricelist .winter {
  float: left;
  position: relative;
  width: 49%;
}
.roompricelist .summer {
  float: right;
}
.roompricelist .pricelist__pricerow {
  padding: 1em 0;
}
.roompricelist .pricelist__pricerow .price {
  width: 47%;
  text-align: right;
}
.roompricelist .pricelist__pricerow .season {
  width: 50%;
}
.buttons {
  text-align: center;
  margin-top: 5em;
  float: left;
  width: 100%;
}
.buttons a.booking {
  background: #94B8B1;
  color: #fff;
}
.buttons a.booking:hover {
  background: #7ba89f;
}
.roomnav {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  font-size: 1.6em;
  z-index: 10;
  color: #fff;
  line-height: 110%;
  padding: 0.8em 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.roomnav strong,
.roomnav i {
  transition: 0.12s all ease;
  -moz-transition: 0.12s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.12s all ease;
  /* Safari and Chrome */
  -o-transition: 0.12s all ease;
  /* Opera */
}
.roomnav strong {
  font-weight: normal;
  font-style: italic;
  width: auto;
  display: inline-block;
  color: #ddd;
}
.roomnav i {
  color: #ddd;
  display: inline-block;
  padding: 0 0.8em;
}
.roomnav:hover strong,
.roomnav:hover i {
  color: #fff;
}
.roomnav.prev {
  left: 0;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
}
.roomnav.prev strong,
.roomnav.prev i {
  float: left;
}
.roomnav.next {
  right: 0;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
}
.roomnav.next strong,
.roomnav.next i {
  float: right;
  text-align: right;
}
.cover .roomnav {
  position: fixed;
  background: #94B8B1;
}
.cover .roomnav.scrolling strong {
  display: none;
}
.cover .roomnav.scrolling:hover strong {
  display: block;
}
@media screen and (max-width: 800px) {
  .cover .roomnav {
    bottom: 20%;
    top: auto;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
}
.roomnavigation {
  float: left;
  clear: left;
  background: transparent;
  width: 100%;
  padding: 4em;
  box-sizing: border-box;
  position: relative;
}
.roomnavigation a.roomnav {
  z-index: 20;
  box-sizing: border-box;
}
.roomnavigation a.roomnav strong,
.roomnavigation a.roomnav i {
  color: #3F4448;
}
.roomnavigation a.roomnav:hover strong,
.roomnavigation a.roomnav:hover i {
  color: #272a2d;
}
@media screen and (max-width: 800px) {
  .roomnavigation a.roomnav.next strong,
  .roomnavigation a.roomnav.prev strong {
    display: none;
  }
}
.roomnavigation a.roomnav.overview {
  width: 50%;
  float: left;
  z-index: 10;
  text-align: center;
  left: 25%;
  text-decoration: none;
}
@media screen and (max-width: 550px) {
  .roomnavigation a.roomnav.overview {
    width: 50%;
    left: 25%;
  }
}
.roomnavigation.narrow {
  padding: 4em;
}
#content .roomtemplate {
  float: left;
  width: 100%;
  position: relative;
}
#content .roomtemplate .cover .rafflline {
  height: 40px;
  margin-bottom: -20px;
}
#content .roomtemplate .headlineblock {
  margin-top: 5em;
  margin-bottom: 0em;
  float: left;
  width: 80%;
  margin-left: 10%;
  max-width: none;
}
#content .roomtemplate .roominfotemplate {
  padding-top: 8em;
}
#content .roomtemplate h3 {
  float: left;
  clear: left;
}
#content .roomtemplate .roomtext .textobj ul li {
  width: 50%;
  float: left;
  clear: none;
}
#content .roomtemplate .roomtext .textobj ul li:nth-child(2n+1) {
  clear: left;
}
#content .roomtemplate .roombuttons {
  width: 100%;
  float: left;
  position: relative;
  z-index: 50;
  margin: 4em 0;
  text-align: center;
}
#content .roomtemplate .roombuttons a.abutton {
  box-sizing: border-box;
  padding: 0.8em 1.1em;
  font-size: 1.6em;
  background: transparent;
  display: inline-block;
  margin: 0 0.5em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #3F4448;
  color: #fff;
  text-decoration: none;
  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 */
}
#content .roomtemplate .roombuttons a.abutton i,
#content .roomtemplate .roombuttons a.abutton strong {
  float: left;
}
#content .roomtemplate .roombuttons a.abutton i {
  padding-right: 0.7em;
  color: #575e63;
}
#content .roomtemplate .roombuttons a.abutton:hover {
  background: #272a2d;
  color: #fff;
}
#content .roomtemplate .roombuttons a.abutton:hover i {
  color: #fff;
}
#content .roomtemplate .roombuttons a.abutton.booking {
  background: #94B8B1;
}
#content .roomtemplate .roombuttons a.abutton.booking i {
  color: #fff;
}
#content .roomtemplate .roombuttons a.abutton.booking:hover {
  background: #75a49b;
}
@media screen and (max-width: 800px) {
  #content .roomtemplate .roombuttons a.abutton {
    width: auto;
    padding: 0.8em 1.5em;
    border: 0;
    background: #3F4448;
    color: #fff;
  }
  #content .roomtemplate .roombuttons a.abutton.booking {
    background: green;
    color: #fff;
  }
}
#content .roomtemplate .roomimages {
  float: left;
  width: 100%;
  height: 100%;
}
#content .roomtemplate .roomimages a {
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  float: left;
  width: 47%;
  margin: 1.5%;
  height: 18em;
  background: #3F4448;
}
#content .roomtemplate .roomimages a .bgimage {
  transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
  /* Firefox 4 */
  -webkit-transition: 0.2s all ease;
  /* Safari and Chrome */
  -o-transition: 0.2s all ease;
  /* Opera */
}
#content .roomtemplate .roomimages a:hover .bgimage {
  opacity: 0.5;
  -ms-filter: "alpha(opacity=calc(100*@wert))";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
}
#content .roomtemplate .buttons {
  clear: left;
  float: left;
  width: 100%;
  margin-top: 5em;
  font-size: 1.25em;
}
@media screen and (max-width: 750px) {
  #content .roomtemplate .buttons a {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 500px) {
  #content .roomtemplate .buttons a {
    width: 100%;
    clear: left;
    float: left;
    margin-bottom: 0.4em;
  }
}
.roomprices {
  width: 70%;
  margin-left: 15%;
  float: left;
  position: relative;
}
@media screen and (max-width: 750px) {
  .roomprices {
    width: 100%;
    margin-left: 0;
  }
}
.roomprices div + h3 {
  margin-top: 1em;
}
.roomprices .pricerows,
.roomtemplate .pricerows {
  position: relative;
  width: 100%;
  float: left;
}
.roomprices .pricerows .pricerow,
.roomtemplate .pricerows .pricerow {
  border-top: 1px dotted #ddd;
  padding: 1em 0;
  float: left;
  clear: left;
  position: relative;
  width: 100%;
}
.roomprices .pricerows .pricerow .season,
.roomtemplate .pricerows .pricerow .season {
  float: left;
  width: 50%;
  font-size: 1.4em;
}
.roomprices .pricerows .pricerow .price,
.roomtemplate .pricerows .pricerow .price {
  text-align: right;
  float: right;
  width: 50%;
  font-size: 1.4em;
}
.roomprices .pricerows .pricerow .price__normal,
.roomtemplate .pricerows .pricerow .price__normal,
.roomprices .pricerows .pricerow .price__shortstay,
.roomtemplate .pricerows .pricerow .price__shortstay {
  width: 70%;
  float: left;
  position: relative;
}
.roomprices .pricerows .pricerow .price__shortstay,
.roomtemplate .pricerows .pricerow .price__shortstay {
  float: right;
  width: 30%;
  color: #aaa;
  font-style: italic;
}
.roomprices .pricerows .pricerow.absolute,
.roomtemplate .pricerows .pricerow.absolute {
  position: absolute;
  right: 0;
  top: -6em;
  border: 0;
  font-size: 0.8em;
}
.roomtemplate .cover h3 {
  font-weight: normal;
  color: #eee;
  font-style: italic;
  margin-top: 0.2em;
}
.roomprices {
  margin-top: 30px;
}
.roomcontent .pricerows {
  margin-top: 0.8em;
}
.cmartbge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cmartbge.cmartbge--picture {
  background-repeat: no-repeat;
}
#content div.fiftyfifty {
  float: left;
  width: 100%;
  position: relative;
  clear: left;
  background: #fff;
}
@media screen and (max-width: 640px) {
  #content div.fiftyfifty {
    width: 80%;
    margin: 0;
    margin-left: 10%;
    position: relative;
  }
}
#content div.fiftyfifty .fiftyfifty__image {
  width: 50%;
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 850px) {
  #content div.fiftyfifty .fiftyfifty__image {
    width: 75%;
    height: 38em;
    position: relative;
  }
}
@media screen and (max-width: 640px) {
  #content div.fiftyfifty .fiftyfifty__image {
    width: 100%;
    height: 30em;
    position: relative;
  }
}
#content div.fiftyfifty .fiftyfifty__image > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  -o-object-fit: cover;
}
#content div.fiftyfifty .fiftyfifty__image .singlefileconnectionform .picconnection .editpanel {
  margin-left: 0;
  left: auto;
  right: 2em;
}
#content div.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;
}
#content div.fiftyfifty .fiftyfifty__content {
  width: 50%;
  box-sizing: border-box;
  text-align: left;
  padding: 12em 6em;
  z-index: 10;
}
@media screen and (min-width: 1400px) {
  #content div.fiftyfifty .fiftyfifty__content {
    padding: 14em 10em;
  }
}
@media screen and (min-width: 1600px) {
  #content div.fiftyfifty .fiftyfifty__content {
    padding: 18em 15em;
  }
}
#content div.fiftyfifty .fiftyfifty__content p,
#content div.fiftyfifty .fiftyfifty__content h1,
#content div.fiftyfifty .fiftyfifty__content h2,
#content div.fiftyfifty .fiftyfifty__content h3,
#content div.fiftyfifty .fiftyfifty__content h4 {
  text-align: center;
}
@media screen and (max-width: 850px) {
  #content div.fiftyfifty .fiftyfifty__content {
    width: 80%;
    background: #fff;
    margin-top: -10em;
    position: relative;
    padding: 6em;
  }
}
@media screen and (max-width: 640px) {
  #content div.fiftyfifty .fiftyfifty__content {
    width: 100%;
    margin-top: 0;
    padding: 5em 2em;
  }
}
#content div.fiftyfifty .fiftyfifty__content h3 {
  margin-bottom: 1.2em;
}
#content div.fiftyfifty .fiftyfifty__content .buttonlink {
  margin-top: 2em;
}
#content div.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) {
  #content div.fiftyfifty .fiftyfifty__icon {
    display: none;
  }
}
#content div.fiftyfifty.fiftyfifty--pictext .fiftyfifty__image {
  left: 0;
}
#content div.fiftyfifty.fiftyfifty--pictext .fiftyfifty__content {
  float: right;
}
#content div.fiftyfifty.fiftyfifty--textpic .fiftyfifty__image {
  right: 0;
  left: auto;
}
#content div.fiftyfifty.fiftyfifty--textpic .fiftyfifty__content {
  float: left;
}
.aaaaaa--template .fiftyfifty.fiftyfifty--pictext .fiftyfifty__content {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 1200px) {
  .aaaaaa--template .fiftyfifty.fiftyfifty--pictext .fiftyfifty__content {
    padding-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .aaaaaa--template .fiftyfifty.fiftyfifty--pictext .fiftyfifty__content {
    padding-right: 0;
  }
}
.aaaaaa--template .fiftyfifty.fiftyfifty--textpic .fiftyfifty__content {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 1200px) {
  .aaaaaa--template .fiftyfifty.fiftyfifty--textpic .fiftyfifty__content {
    padding-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .aaaaaa--template .fiftyfifty.fiftyfifty--textpic .fiftyfifty__content {
    padding-left: 0;
  }
}
@media screen and (max-width: 850px) {
  .aaaaaa--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) {
  .aaaaaa--template .fiftyfifty .fiftyfifty__image {
    width: 100%;
    height: 30em;
    margin-left: 0;
    position: relative;
  }
}
.aaaaaa--template .fiftyfifty .fiftyfifty__content {
  box-sizing: border-box;
}
@media screen and (max-width: 850px) {
  .aaaaaa--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) {
  .aaaaaa--template .fiftyfifty .fiftyfifty__content {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 4em 2em !important;
  }
}
@media screen and (max-width: 640px) {
  .aaaaaa--template .fiftyfifty {
    width: 100%;
    margin: 0;
    margin-left: 0%;
    position: relative;
  }
}
.content.contentblock.pictext + .content.contentblock.pictext,
div.fiftyfifty + div.fiftyfifty {
  margin-top: 0em;
}
/*
 * ===============
 * CONTACT FORM
 * ===============
 */
.contactform {
  position: relative;
  clear: left;
  width: 100%;
  max-width: 80em;
  margin: 0 auto;
}
.contactform .clearer {
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  display: block;
  height: 2.5em;
}
.contactform input,
.contactform textarea,
.contactform button.submit,
.contactform select {
  font-size: 1.5em;
  color: #555;
}
.contactform input,
.contactform textarea,
.contactform select {
  width: 100%;
  box-sizing: border-box;
  padding: 0.7em 1em;
  font-family: "Lora", Georgia, serif;
  clear: left;
  float: left;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.contactform h3 {
  text-align: center;
  float: left;
  clear: left;
  width: 100%;
  color: #3F4448;
}
.contactform .field {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 1em;
  box-sizing: border-box;
}
.contactform .field.quarter2 {
  width: 50%;
}
.contactform .field.quarter1 {
  width: 25%;
}
.contactform .field.quarter3 {
  width: 75%;
}
.contactform .room_num_select select {
  width: auto;
  float: right;
  clear: none;
}
.contactform button.submit {
  cursor: pointer;
  font-size: 2em;
  font-family: "Lora", Georgia, serif;
  line-height: 100%;
  padding: 0.6em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #94B8B1;
  border: 0;
  color: #fff;
  margin-top: 1em;
  font-weight: bold;
}
.contactform button.submit:hover {
  background: #75a49b;
}
.contactform label {
  margin-bottom: 0.5em;
  color: #3F4448;
  font-size: 1.5em;
  float: left;
  width: 100%;
}
.contactform .row {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 2em;
}
.contactform .row.submit {
  text-align: center;
}
.contactform 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 {
    width: 100%;
    float: left;
    clear: left;
  }
}
#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;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  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 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -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: 20px;
  width: 20px;
  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: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #94B8B1;
  opacity: 0.75;
}
body.hidden-scroll {
  overflow: hidden;
}
.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #322;
  opacity: 0.7;
  display: none;
  z-index: 1050;
}
.sl-wrapper {
  z-index: 1040;
}
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}
.sl-wrapper button:hover {
  opacity: 0.7;
}
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 1060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #eee;
  font-size: 3rem;
}
.sl-wrapper .sl-close:focus {
  outline: none;
}
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #eee;
  font-size: 1rem;
}
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 1060;
  font-family: Arial, Baskerville, monospace;
  color: #eee;
}
.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}
.sl-wrapper .sl-navigation button:focus {
  outline: none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
  box-shadow: 8px 0px 40px rgba(0, 0, 0, 0.12);
}
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #eee;
  z-index: 1060;
}
.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
