


/****************************************************/
/*    1. CSS-Modul: COLORS                          */
/****************************************************/

.neutralColorTrans {background-color: transparent;}
.neutralColorWhite {background-color: #FFFFFF;}
.neutralColorBlack  {background-color: #000000;}
.neutralColorStrong {background-color: #999999;}
.neutralColorMedium {background-color: #E7D9C2;}
.neutralColorLight {background-color: #FFFBF4;}

.teaserColor {background-color: #F29400;} /* -- Text Orange -- */

.secondColorStrong {background-color: #FAC971;} /* -- HG Beige Dark -- */
.secondColorMedium {background-color: #FCE1B0;} /* -- HG Beige Medium -- */
.secondColorLight {background-color: #FFF7E2;} /* -- HG Beige Light -- */

.primColorStrong {background-color: #694B26;} /* -- Text Dark Brown -- */
.primColorMedium {background-color: #694B26;} /* -- Text Dark Brown -- */
.primColorLight {background-color: #9E7742;} /* -- Text Medium Brown -- */






/****************************************************/
/*    Layout                                        */
/****************************************************/
/* -- BODY ----------------------------------------------*/

* {margin:0; border:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,menu,nav,section {display:block;}

html {
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  background:#ffffff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 1.35;
  color: #694b26;
}

body.hidden, body.showForm, body.nav-open {
  overflow: hidden;
}


/* -- MIDDLE --------------------------------------------*/
.middle {
  position: relative;
  clear: both;
  margin: 0;
  overflow-x: hidden;
}

/* --- 1 column full (col1Full) --- */
.middle.layout3 {

}

.cGallery .middle {
  margin: 0;
}


.general-width {
  position: relative;
  width: 92%;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}


.page {
  position: relative;
  margin: 0;
}


.hero + .middle .page, #map + .middle .page, .iSlider + .middle .page {
  margin: 540px 0 0;
}




.container {
  position: relative;
  top: 0;
  width: 92%;
  max-width: 1400px;
  margin: 0 auto 75px;
  border-radius: 5px;
  padding: 10px 10px 25px;
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(to bottom, #FFF3D7 0%, #ffffff 350px, #ffffff calc(100% - 350px), #FFF3D7 100%);
  background-image: linear-gradient(to bottom, #FFF3D7 0%, #ffffff 350px, #ffffff calc(100% - 350px), #FFF3D7 100%);
  box-shadow: 0 0 5px rgba(105,75,38, 0.3);
  box-sizing: border-box;
}

.no-mediaqueries .container {
  width: 980px;
}


/* --- 1 column full (col1Full) --- */
.layout3 .container {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.container:after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}


.content {
  position: relative;
  float: left;
  min-height: 100px;
  margin: 0 0 10px;
  padding: 2% 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}


/* --- content L | sidebar R (col2Left) --- */
.layout0 .content {
  width: 75%;
  width: calc(75% - 10px);
  margin: 0 25% 10px 0;
  margin: 0 calc(25% + 10px) 10px 0;
  border: 2px solid #ffffff;
  border-radius: 2px;
  padding: 2%;
  background: #fff7e2;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
}

.layout0 .content.col-teaser {
  padding: 2% 25% 2% 2%;
  padding: 2% calc(25% + 20px) 2% 2%;
}


/* --- sidebar L | content R (col2Right) --- */
.layout1 .content {
  width: 75%;
  width: calc(75% - 10px);
  margin: 0 0 10px 25%;
  margin: 0 0 10px calc(25% + 10px);
  border: 2px solid #ffffff;
  border-radius: 2px;
  padding: 2%;
  background: #fff7e2;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
}

.layout1 .content.col-teaser {
  padding: 2% 25% 2% 2%;
  padding: 2% calc(25% + 20px) 2% 2%;
}


/* --- 1 column (col1) --- */
.layout2 .content {
  width: 100%;
}


/* --- 1 column full (col1Full) --- */
.layout3 .content {
  width: 100%;
}

.right {
  position: relative;
  float: left;
  width: 25%;
  margin: 0 0 0 -100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
}

.layout0 .right {
  float: right;
}

.hero {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}


.no-touchevents .hero.parascroll {
  position: fixed;
}


/*------- Showcase Image ---------------------------*/
.showcase {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40%;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.showcase.hide {
/*
  -webkit-transform: rotate(30deg) translate(100%, -500%);
  transform: rotate(30deg) translate(100%, -500%);
*/
}

.stack {
  position: absolute;
  right: 2%;
  bottom: 15%;
  width: 90%;
  height: 0;
  border: 10px solid #ffffff;
  padding: 0 0 55%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.stack.one {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: 1;
}

.stack.two {
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.stack.three {
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}




/* -- TOP -----------------------------------------------*/
.top-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  clear: both;
  z-index: 11;
}

.top-header.wide, .top-header.reduced {
  position: fixed;
  top: 0;
  -webkit-transform: translate(0, -200%);
  transform: translate(0, -200%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 10;
}


.top-header.scroll-show {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}


header {
  position: relative;
  width: 92%;
  max-width: 1400px;
  margin: 0 auto;
  border-radius: 0 0 5px 5px;
  border: 10px solid #fff7e2;
  border-top: 0;
  padding: 0 0 0 236px;
  background: #fac971;
  background-image: -webkit-radial-gradient(circle at center center, rgba(250,201,114,0.4), rgba(250,201,114,0.8));
  background-image: radial-gradient(circle at center center,  rgba(250,201,114,0.4), rgba(250,201,114,0.8));
  box-shadow: 0 0 10px rgba(105,75,38,0.5);
  box-sizing: border-box;
  text-align: center;
}

header::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 70%;
  border-radius: 70% 70% 0 0 / 100% 100% 0 0;
  background: rgba(242,148,0, 0.15) none repeat scroll 0 0;
}

.no-mediaqueries header {
  width:980px;
}

.logo {
  position: absolute;
  top: 0;
  left: 15px;
  border: 0 none;
  border-radius: 0 0 50% 50% / 0 0 10% 10%;
  padding: 15px;
  background: #fff7e2;
  background-image: -webkit-linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #fff7e2 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #fff7e2 100%);
  box-shadow: 0 5px 10px rgba(105,75,38, 0.5);
}

.logo a {
  position: relative;
  display: block;
  width: 150px;
  height: 0;
  border: 0;
  padding: 0 0 84%;
  -webkit-transition: none;
  transition: none;
}


header .logo a:hover, header .logo a:active {
  border: 0;
}


.top-header.wide .logo a, .top-header.reduced .logo a {
  padding: 0 0 30%;
}


.logo a span {
  position: absolute;
  display: block;
}

.logo a .family {
  top: 0;
  left: 19%;
  width: 62%;
  max-width: 93px;
  height: 0;
  padding: 0 0 42%;
  background-color: transparent;
  background-image: url(logo-sprite.png);
  background-repeat: no-repeat;
  background-position: 42.0168% 0;
  background-size: 483.87096% auto;
}


.top-header.wide .logo a .family, .top-header.reduced .logo a .family {
  display: none;
}


.logo a .egger {
  top: 48%;
  left: 0;
  width: 100%;
  max-width: 150px;
  height: 0;
  padding: 0 0 30%;
  background-color: transparent;
  background-image: url(logo-sprite.png);
  backgroud-repeat: no-repeat;
  background-position: 0 0;
  background-size: 300% auto;
}

.top-header.wide .logo a .egger, .top-header.reduced .logo a .egger {
  top: 0;
}

.logo a .stars {
  top: 93%;
  left: 6%;
  width: 88%;
  max-width: 132px;
  height: 0;
  padding: 0 0 5%;
  background-color: transparent;
  background-image: url(logo-sprite.png);
  backgroud-repeat: no-repeat;
  background-position: 94.33962% 0;
  background-size: 340.9090909% auto;
}


.top-header.wide .logo a .stars, .top-header.reduced .logo a .stars {
  display: none;
}


.logo a:hover, .logo a:active {
  border: 0;
}


/* --- Slide Navigation button --- */
.sTrigger {
  position: relative;
  display: none;
  width: 30px;
  height: 19px;
  padding: 18px 15px;
  cursor: pointer;
  vertical-align: middle;
}

.sTrigger span {
  position:absolute;
  top: 20px;
  left: 15px;
  width: 30px;
  height: 3px;
  border-radius: 2px;
  background: #694b26;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.sTrigger.open span {
  -webkit-transform: rotate(-45deg) translate(0, -5px);
  transform: rotate(-45deg) translate(0, -5px);
}


.sTrigger span::before, .sTrigger span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 30px;
  height: 3px;
  border-radius: 2px;
  background: #694b26;
}


.sTrigger span::before {
  top: 7px;
  opacity: 1;
  -webkit-transition: all 0.1s 0.2s ease-in-out;
  transition: all 0.1s 0.2s ease-in-out;
}

.sTrigger.open span::before {
  opacity: 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}


.sTrigger span::after {
  top: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.sTrigger.open span::after {
  -webkit-transform: rotate(90deg) translate(1px, 15px);
  transform: rotate(90deg) translate(1px, 15px);
}



header .address {
  padding: 5px 65px 0 10px;
  text-align: left;
}

.top-header.wide .address, .top-header.reduced .address {
  display: none;
}

header .address span {
  display: inline-block;
  padding: 10px;
  font-family: 'Times New Roman', serif;
  line-height: 1.25;
  font-style: italic;
  letter-spacing: 0.5px;
  vertical-align: middle;
}

header .address span a {
  border-bottom: 0;
  color: #694b26;
}


.icon-cal {
  position: absolute;
  display: none;
  right: 55px;
  bottom: 7px;
  border: 0;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 1.6em;
  cursor: pointer;
}


header .icon-cal:hover, header .icon-cal:active {
  border: 0 !important;
}

.top-header.wide .icon-cal, .top-header.reduced .icon-cal {
  display: block;
}



/* --- 360 BUTTON --- */
.vTour.media-gallery {
  position: absolute;
  right: 10px;
  bottom: -4px;
  margin: 0;
  cursor: pointer;
}

.vTour .icon-tour {
  display: block;
  border: 0;
  color: #694b26;
}

.no-touchevents .vTour .icon-tour:hover, .no-touchevents .vTour .icon-tour:active {
  border: 0;
  color: #9e7742;
}



.icon-tour span {
  display: block;
  vertical-align: middle;
  font-size: 3em;
  line-height: 1;
}






/* -- BOTTOM --------------------------------------------*/
footer {
  position: relative;
  margin-top: 10px;
  padding: 15px;
  background: #fac971;
  background-image: -webkit-radial-gradient(circle at 33% center,  #fce1b0, #fac971);
  background-image: radial-gradient(circle at 33% center,  #fce1b0, #fac971);
  clear:both;
}

footer section, footer nav {
  display: inline-block;
  vertical-align: top;
}

footer h1 {
  margin: 0 0 5px;
  border-bottom: 1px solid #694b26;
  padding: 0 0 5px;
  font-family: 'LarissaRegular', serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4em;
  letter-spacing: 1.5px;
  color: #694b26;
}

footer .address {
  width: 25%;
  padding: 0 10px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

footer .quick-links {
  width: 75%;
  padding-left: 2%;
  padding-left: calc(2% + 10px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


footer .address ul {
  list-style: outside none none;
  margin: 0;
  padding: 0 0 0 1.92857em;
}

footer .quick-links ul {
  display: inline-block;
  width: 33.333%;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

footer ul li {
  position: relative;
  padding: 2px 0;
  background: transparent;
  font-size: 0.85em;
  line-height: 1.25;
}

footer ul li i.fa {
  position: absolute;
  left: -1.92857em;
  top: 2px;
  top: calc(2px + 0.142857em);
}


footer a {
  border: 0;
}

footer a:hover, footer a:active {
  border: 0;
}

footer .togis {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 7px 0 0;
  font-size: 0.6em;
  line-height: 1.25;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #D1C1A4;
}


footer .togis a {
  color: #D1C1A4;
}



/* -- CHANNEL MENU ---------------------------------*/
.menu {
  position: relative;
  padding: 10px 50px 0 0;
  text-align: left;
}

.top-header.wide .menu, .top-header.reduced .menu {
  padding-right: 100px;
}

.menu ul {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  list-style: none;
  overflow: inherit;
}

.menu li {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 2px;
  background: transparent url(menu_div.png) 0 center no-repeat;
  vertical-align: top;
}

.menu li:first-child {
  padding: 0;
  background: transparent;
}


.menu li.active, .menu li.active + li {
  background: transparent;
}

.menu a {
  position: relative;
  display: block;
  border-radius: 10px 10px 0 0;
  border: 0;
  padding: 12px 20px 10px;
  font-family: 'Times New Roman', serif;
  text-transform: uppercase;
  text-decoration: none;
}
.menu span {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.no-touchevents .menu ul li a:hover, .no-touchevents .menu ul a:active {
  border: 0;
  color: #9e7742;
  text-shadow: 0 0 4px #c79f68;
}


.menu ul li a.active {
  border: 0;
  background: #fff7e2;
  background-image: -webkit-linear-gradient(to bottom, #ffffff 0%,  #fff7e2 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%,  #fff7e2 100%);
  box-shadow: 0 -3px 5px rgba(105,75,38, 0.2);
  color: #694b26;
  text-shadow: none;
}



/* -- MACRONAVIGATION ------------------------------*/
.macronav {
  position:relative;
  display:block;
  margin: 0 0 10px;
  border: 2px solid #ffffff;
  background: #ffffff;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
}

.macronav h1 {
  margin: 0;
  padding: 10px 10px 5px;
  background: #fac971;
  font-family: 'LarissaRegular', serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4em;
  letter-spacing: 1.5px;
  color: #694b26;
}

.macronav ul {
  position: relative;
  list-style-type:none;
  margin:0;
  padding:0;
}
.macronav ul li {
  display:block;
  margin:0;
  padding:0;
  background: transparent;
}
.macronav ul li a {
  position: relative;
  display: block;
  margin: 2px 0 0;
  border: 0;
  background: #fce1b0;
}
.macronav ul li a span {
  display: block;
  padding: 8px 10px;
  text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.no-touchevents .macronav ul li a:hover, .no-touchevents .macronav ul a:active {
  border: 0;
}

.macronav ul li a.active, .macronav ul li a.current {
  background: #fac971;
}

.macronav ul li a.active span, .macronav ul li a.current span {
  font-weight: bold;
}

.no-touchevents .macronav ul li a:hover span, .no-touchevents .macronav ul li a:active span {
  text-decoration: none;
}

/* -- level 2 -- */

.macronav ul ul::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 10px;
  width: 0;
  border-color: #fac971 transparent;
  border-style: solid;
  border-width: 10px 10px 0;
  z-index: 1;
}
.macronav ul li li a {
  background: #fff7e2;
}

.macronav ul li li:first-child a {
  margin: 0;
}

.macronav ul li li a.active, .macronav ul li li a.current {
  background: #fff7e2;
}

.macronav ul li li a span {
  padding: 8px 0 8px 30px;
  font-size: 0.9em;
  line-height: 1.25em;
}



/* -- level 3 -- */
.macronav ul ul ul::after {
  display: none;
}
.macronav ul li li li a {
  background: #fffbf4;
}

.macronav ul li li li a.active, .macronav ul li li li a.current {
  background: #fffbf4;
}

.macronav ul li li li a span {
  padding: 6px 0 6px 40px;
  font-size:0.8em;
  line-height:1.25em;
}



/* -- level 4 -- */
.macronav ul li li li li a span {
  padding-left: 50px;
}


.translate {
  position: absolute;
  top: 12px;
  right: 8px;
}


.top-header.wide .translate, .top-header.reduced .translate {
  display: none;
}


.translate div {
  display: inline-block;
}


.translate div a, .translate div > span {
  display: inline-block;
  border-bottom: 0;
  padding: 0 2px;
  font-size: 0.85em;
  line-height: 1em;
  text-transform: uppercase;
  color: rgb(105, 75, 38);
}


.translate div:not(:first-child) a::before, .translate div:not(:first-child) > span::before {
  content: "|";
  display: inline-block;
  margin: 0 4px 0 2px;
}


.translate div a:hover, .translate div a:active, .translate div a:focus {
  border-bottom: 0;
}

.translate div a span, .translate div > span span {
  color: rgb(105, 75, 38);
}


.no-touchevents .translate a:active span, .no-touchevents .translate a:hover span {
  color: rgb(105, 75, 38);
}

.translate > .active a span {
  color: rgb(105, 75, 38);
  border-bottom: 1px solid rgb(105, 75, 38);
}

.translate > .inactive span span {
  opacity: 0.5;
}




#bodyMask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(105, 75, 38,0.8);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
  cursor: pointer;
}


#bodyMask.open {
  opacity: 1;
  z-index: 7;
  visibility: visible;
}

.showForm #bodyMask.open {
  z-index: 20;
}

.no-opacity #bodyMask.open {
  visibility:visible;
}




#sNav {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -310px;
  width: 300px;
  z-index: 9;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#sNav.open-right {
  right: -310px;
}

#sNav.open-left {
  left: -310px;
}

.csstransforms #sNav.open-right {
  right: 0;
  -webkit-transform: translate(110%, 0);
  transform: translate(110%, 0);
}

.csstransforms #sNav.open-left {
  left: 0;
  -webkit-transform: translate(-110%, 0);
  transform: translate(-110%, 0);
}

#sNav.open-right.open {
  right: 0;
}

#sNav.open-left.open {
  left: 0;
}

.csstransforms #sNav.open-right.open {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.csstransforms #sNav.open-left.open {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}


#sNav .nav-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(255,255,255);
  box-shadow: 0 0 5px rgba(105, 75, 38,0.5);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}


/* --- ITEMS --- */
#sNav .nav-holder > *:first-child {
  margin-top: 80px;
}

#sNav .nav-holder > *:last-child {
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}




/* --- MACRONAV --- */
#sNav .macronav {
  margin: 0;
  border: 0;
  background:transparent;
  box-shadow: none;
}

#sNav .macronav .second-pages {
  background: #ffffff;
  padding: 15px 0;
}

#sNav .macronav .second-pages li a {
  background: transparent;
}


#sNav .macronav li a span {
  padding: 12px 15px;
}

#sNav .macronav .second-pages li a span {
  padding: 5px 15px;
  font-size: 0.85em;
  line-height: 1.25em;
}

#sNav .macronav ul li li a span {
  padding: 10px 0 10px 30px;
  font-size: 1em;
  line-height: 1.25em;
}


#sNav .macronav ul li li li a span {
  padding: 8px 0 8px 45px;
}



/* --- TRANSLATE --- */
#sNav .translate {
  position: relative;
  display: block;
  top: auto;
  right: auto;
  margin: 0 0 10px;
  padding-left: 5px;
  background: #fff7e2;
}



#sNav .translate div a, #sNav .translate div > span {
  padding: 15px 10px;
}


.translate div:not(:first-child) a::before, .translate div:not(:first-child) > span::before {
  display: none;
}







/****************************************************/
/*    Standards                                     */
/****************************************************/
/* -- STANDARD -------------------------------------*/
.accent-color {
  color: rgb(242, 148, 0);
}



.big {

  font-size: 1.4rem;

}


.caption {

  color: rgb(105, 75, 38);
  font-family: 'Times New Roman', serif;
  font-size: 0.85em;
  font-style: italic;

}


.column p.emphasis {

  margin: 2rem 0;

}


.conForm h2, .conForm .title-h2 {

  margin-bottom: 2rem;
  margin-top: 0;

}


.content > *:first-child:not(.contentBar) {

  margin-top: 0;

}


.content > *:last-child:not(.contentBar) {

  margin-bottom: 0;

}


.content > .ZMSGraphic:first-child + * {

  margin-top: 0;

}


.content li ol, .content li ul {

  margin-top: 6px;

}


.contentBar .bar-content.justify1 > ul.list-plus li::before, .contentBar .bar-content.justify2 > ul.list-plus li::before, .contentBar .bar-content.justify1 > ul.list-check li::before, .contentBar .bar-content.justify2 > ul.list-check li::before {

  left: auto;
  padding: 0 0.5rem 0 0;
  position: relative;
  top: auto;

}


.description {

  color: rgb(158, 119, 66);
  font-size: 0.85em;

}


.hgroup {

  margin: 2rem 0 1rem;

}


.hgroup h1 {

  margin: 0;

}


.hgroup h2 {

  font-size: 1.6em;
  margin: 0;

}


.iSlider h2 {

  font-size: 3em;
  margin: 0 0 0.5rem;

}


.iSlider h3 {

  font-size: 1.8em;
  margin: 0 0 0.5rem;

}


.small {

  font-size: 0.85em;

}


.touchevents a:hover, .touchevents a:active {

  color: rgb(105, 75, 38);

}


a {

  -webkit-transition: all 0.3s;
  border-bottom: 1px dashed currentColor;
  color: rgb(105, 75, 38);
  text-decoration: none;
  transition: all 0.3s;

}


a img {

  border: 0;

}


a span {

  cursor: pointer;

}


a:hover, a:active {

  color: rgb(158, 119, 66);
  text-decoration: none;

}


blockquote {

  background-image: url(einzug.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.5;
  margin: 2rem;
  overflow: hidden;
  text-indent: 25px;

}


h1, .title-h1 {

  font-size: 2.6em;
  margin: 0 0 1rem;

}


h1,h2,h3,h4,.title-h2,.title-h3,.title-h4 {

  color: rgb(158, 119, 66);
  font-family: 'Times New Roman', serif;
  font-style: italic;
  font-weight: 400;
  line-height: 1.25;
  margin: 2rem 0 1rem;

}


h2, .title-h2 {

  font-size: 2em;

}


h3, .title-h3 {

  font-size: 1.8em;

}


h4, .title-h4 {

  font-size: 1.6em;

}


h5, .title-h5 {

  font-size: 1.2em;

}


hr, .clearLine, .conForm .clearLine {

  background-color: rgb(250, 201, 113);
  display: block;
  height: 1px;
  margin: 2rem 0;
  padding: 0;
  width: 100%;

}


i, em {

  font-style: italic;

}


li {

  padding: 2px 0;
  position: relative;

}


ol {

  list-style: decimal;

}


ol.list-ordered li {

  counter-increment: step-counter;
  margin: 0 0 6px 1.2em;
  padding: 2px 8px;

}


ol.list-ordered li::before {

  border-right: 1px solid rgb(252, 225, 176);
  color: rgb(158, 119, 66);
  content: counter(step-counter)'.';
  font-family: 'Times New Roman', serif;
  font-size: 1em;
  font-style: italic;
  left: -1rem;
  margin-right: 8px;
  position: absolute;
  top: 2px;
  width: 1rem;

}


ol.list-ordered, ul.list-unordered {

  list-style: none;

}


p {

  margin: 1rem 0;

}


p.citation {

  background-image: url(quotes.png);
  background-position: 0 5px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  color: rgb(158, 119, 66);
  font-family: 'Times New Roman', serif;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.25;
  margin: 2rem;
  overflow: hidden;
  padding: 0 0 0 50px;

}


p.emphasis {

  background: rgb(252, 225, 176);
  border: 2px solid rgb(255,255,255);
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(105, 75, 38,0.3);
  display: block;
  margin: 2rem 0;
  overflow: hidden;
  padding: 0.75rem 1rem;
  position: relative;

}


p.initial:first-letter {

  float: left;
  font-size: 3em;
  line-height: 0.6;
  margin: 5px 5px 0 0;
  text-transform: uppercase;

}


p.pullleft {

  color: rgb(105, 75, 38);
  float: left;
  margin: 0 2.1433% 1rem 0;
  width: 31.8731%;

}


p.pullright {

  color: rgb(105, 75, 38);
  float: right;
  margin: 0 0 1rem 2.1433%;
  width: 31.8731%;

}


small {

  font-size: 0.5em;

}


strong, b {

  font-weight: 600;

}


ul {

  list-style: disc;

}


ul, ol {

  box-sizing: border-box;
  margin: 1rem 0;
  overflow: hidden;
  padding: 0 0 0 15px;

}


ul.list-check li::before {

  content: "\f00c";

}


ul.list-plus li::before {

  content: "\f067";

}


ul.list-plus li::before, ul.list-check li::before {

  font-family: FontAwesome;
  font-size: 0.9em;
  left: -1.618em;
  position: absolute;
  top: 5px;

}


ul.list-plus, ul.list-check {

  list-style: none;

}


ul.list-unordered li {

  background-image: url(li-bullet.png);
  background-position: 0 7px;
  background-repeat: no-repeat;
  padding: 2px 0 2px 15px;

}


.col-layout {
  position: relative;
  width: 102.1432%;
  margin: 0 -1.0716%;
}


.layout2 .col-layout,
.layout3 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout {
  width: 101.6%;
  margin: 0 -0.8%;
}

.col-layout .column {
  position: relative;
  display: inline-block;
  margin: 1em 1.0491%;
  vertical-align: top;
}


.layout2 .col-layout .column,
.layout3 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column {
  margin: 1em 0.7868%;
}


/* --- 2 COL 50/50 --- */
.col-layout.type1 > .column {
  width: 47.8839%;
}

.layout2 .col-layout.type1 > .column,
.layout3 .col-layout.type1 > .column,
.contentBar .col-layout.type1 > .column,
.form-modal .col-layout.type1 > .column {
  width: 48.4075%;
}



/* --- 3 COL --- */
.col-layout.type2 > .column {
  width: 31.22318%;
}

.layout2 .col-layout.type2 > .column,
.layout3 .col-layout.type2 > .column,
.contentBar .col-layout.type2 > .column,
.form-modal .col-layout.type2 > .column {
  width: 31.7471%;
}



/* --- 2 COL 66/33 --- */
.col-layout.type3 > .column:nth-of-type(2n + 1) {
  width: 64.5447%;
}

.layout2 .col-layout.type3 > .column:nth-of-type(2n + 1),
.layout3 .col-layout.type3 > .column:nth-of-type(2n + 1),
.contentBar .col-layout.type3 > .column:nth-of-type(2n + 1),
.form-modal .col-layout.type3 > .column:nth-of-type(2n + 1) {
  width: 65.0680%;
}

.col-layout.type3 > .column:nth-of-type(2n) {
  width: 31.22318%;
}

.layout2 .col-layout.type3 > .column:nth-of-type(2n),
.layout3 .col-layout.type3 > .column:nth-of-type(2n),
.contentBar .col-layout.type3 > .column:nth-of-type(2n),
.form-modal .col-layout.type3 > .column:nth-of-type(2n) {
  width: 31.7471%;
}



/* --- 2 COL 33/66 --- */
.col-layout.type4 > .column:nth-of-type(2n + 1) {
  width: 31.22318%;
}

.layout2 .col-layout.type4 > .column:nth-of-type(2n + 1),
.layout3 .col-layout.type4 > .column:nth-of-type(2n + 1),
.contentBar .col-layout.type4 > .column:nth-of-type(2n + 1),
.form-modal .col-layout.type4 > .column:nth-of-type(2n + 1) {
  width: 31.7471%;
}

.col-layout.type4 > .column:nth-of-type(2n) {
  width: 64.5447%;
}

.layout2 .col-layout.type4 > .column:nth-of-type(2n),
.layout3 .col-layout.type4 > .column:nth-of-type(2n),
.contentBar .col-layout.type4 > .column:nth-of-type(2n),
.form-modal .col-layout.type4 > .column:nth-of-type(2n) {
  width: 65.0680%;
}



/* --- 4 COL --- */
.col-layout.type5 > .column {
  width: 22.9018%;
}

.layout2 .col-layout.type5 > .column,
.layout3 .col-layout.type5 > .column,
.contentBar .col-layout.type2 > .column,
.form-modal .col-layout.type2 > .column {
  width: 23.4264%;
}



/* --- COLUMN CONTENT --- */
.col-layout .column > *:first-child {
  margin-top: 0;
}


.col-layout .column > *:last-child {
  margin-bottom: 0;
}

.col-layout p {
  word-wrap: break-word;
}

.col-layout .ZMSGraphic:not(.imgwidth3) {
  float: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.col-layout .ZMSGraphic:not(.imgwidth3) .graphic, .col-layout .ZMSGraphic:not(.imgwidth3) .text {
  float: none !important;
  width: 100% !important;
  margin-right: 0 !important;
}



.contentBar {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 100px 0;
  background-color: #fce1b0;
  overflow: hidden;
}


.contentBar::after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}

.contentBar .background-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.no-touchevents .contentBar .parascrollFull {
  background-attachment: fixed;
}


.contentBar .bar-container {
  position: relative;
  width: 92%;
  max-width: 1400px;
  margin: 0 auto;
}

.contentBar.pos0 .conImg {
  position: relative;
  width: 31.333%;
  margin: 0 auto 2%;
}

.contentBar.pos1 .conImg {
  position:relative;
  float:left;
  width:31.333%;
  margin-right:2%;
}

.contentBar.pos2 .conImg {
  position:relative;
  float:right;
  width:31.333%;
  margin-left:2%;
}

.contentBar .conImg img {
  display:block;
  width:100%;
  height:auto;
}

.contentBar .conText {
  min-height:150px;
}


.contentBar .conText {
  position: relative;
  width: 50%;
  margin: 0 auto;
}

.contentBar .conImg + .conText {
  width: 66.666%;
}


.contentBar.pos0 .conText {
  text-align: center;
}

.contentBar.pos1 .conText {
  margin-left: 50%;
}

.contentBar.pos1 .conImg + .conText {
  margin-left: 33.333%;
}

.contentBar.pos2 .conText {
  margin-right: 50%;
}

.contentBar.pos2 .conImg + .conText {
  margin-right: 33.333%;
}


.contentBar h2 {
  margin-top: 0;
  font-size: 2.5em;
  line-height: 1.25;
  text-shadow: 0 0 2px rgba(255,255,255,0.5), 0 0 5px rgba(255,255,255,0.5);
}

.contentBar p {
  font-size: 1.2em;
  line-height: 1.25;
  text-shadow: 0 0 2px rgba(255,255,255,0.5), 0 0 5px rgba(255,255,255,0.5);
}



.contentBar.scheme1 h2, .contentBar.scheme1 p {
  color: #ffffff;
  text-shadow: 0 0 2px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.5);
}

/* -- ZMS GRAPHIC ----------------------------------*/
/* --- CONTAINER --- */
.ZMSGraphic {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 15px 0;
  background: transparent;
  box-sizing: border-box;
}

.ZMSGraphic.none.top, .ZMSGraphic.center {
  background: transparent;
  text-align: center;
}


.ZMSGraphic.imgwidth3 {
  width: auto;
}


.ZMSGraphic.floatleft {
  float: left;
  margin-top: 0.33em;
  margin-right: 2.1433%;
}



.ZMSGraphic.floatleft.imgwidth0 {
  width: 31.8731%;
}

.ZMSGraphic.floatleft.imgwidth0 + .ZMSGraphic.floatleft.imgwidth0 + .ZMSGraphic.floatleft.imgwidth0 {
  margin-right: 0;
}


.ZMSGraphic.floatleft.imgwidth1 {
  width: 48.9096%;
}

.ZMSGraphic.floatleft.imgwidth1 + .ZMSGraphic.floatleft.imgwidth1 {
  margin-right: 0;
}

.ZMSGraphic.floatleft.imgwidth2 {
  float: none;
  width: 100%;
  margin-right: 0;
}




.ZMSGraphic.floatright {
  float: right;
  margin-top: 0.33em;
  margin-left: 2.1433%;
}


.ZMSGraphic.floatright.imgwidth0 {
  width: 31.8731%;
}


.ZMSGraphic.floatright.imgwidth0 + .ZMSGraphic.floatright.imgwidth0 + .ZMSGraphic.floatright.imgwidth0 {
  margin-left: 0;
}

.ZMSGraphic.floatright.imgwidth1 {
  width: 48.9096%;
}

.ZMSGraphic.floatright.imgwidth1 + .ZMSGraphic.floatright.imgwidth1 {
  margin-left: 0;
}

.ZMSGraphic.floatright.imgwidth2 {
  float: none;
  width: 100%;
  margin-left: 0;
}



/* --- GRAPHIC --- */

.ZMSGraphic .graphic {
  border-radius: 2px;
  border: 2px solid #ffffff;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
  box-sizing: border-box;
}

.ZMSGraphic.imgwidth0 .graphic {
  width: 31.8731%;
}

.ZMSGraphic.imgwidth1 .graphic {
  width: 48.9096%;
}

.ZMSGraphic.imgwidth2 .graphic {
  width: 100%;
}


.ZMSGraphic.floatleft.imgwidth0 .graphic, .ZMSGraphic.floatleft.imgwidth1 .graphic, .ZMSGraphic.floatleft.imgwidth2 .graphic,
.ZMSGraphic.floatright.imgwidth0 .graphic, .ZMSGraphic.floatright.imgwidth1 .graphic, .ZMSGraphic.floatright.imgwidth2 .graphic {
  width: 100%;
}

.ZMSGraphic.left .graphic, .ZMSGraphic.right .graphic {
  float: left;
  margin-right: 2.1433%;
}

.ZMSGraphic.center .graphic {
  float: none;
  display: inline-block;
  margin: 0 auto;
}


/* --- IMAGE --- */
.ZMSGraphic .graphic img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

.ZMSGraphic.imgwidth3 .graphic img {
  width: auto;
}


/* --- TEXT --- */

.ZMSGraphic .text {
  padding: 5px 0 0;
  background: transparent;
  box-sizing: border-box;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}


.ZMSGraphic.none.top.imgwidth0 .text,
.ZMSGraphic.center.imgwidth0 .text {
  width: 31.8731%;
}

.ZMSGraphic.none.top.imgwidth1 .text,
.ZMSGraphic.center.imgwidth1 .text {
  width: 48.9096%;
}

.ZMSGraphic.none.top.imgwidth2 .text,
.ZMSGraphic.center.imgwidth2 .text {
  width: 100%;
}

.ZMSGraphic.center .text {
  margin: 0 auto;
}

.ZMSGraphic .text p {
  margin: 0;
}



/* --- ZOOM/LINK --- */

.graphic a.zoom, .graphic a.imgUrl {
  position: relative;
  display: block;
  border: 0;
  cursor: pointer;
}


.graphic a.zoom .gal-zoom, .graphic a.imgUrl .gal-zoom {
  opacity: 1;
  visibility: visible;
}

.graphic a.zoom .gal-zoom span, .graphic a.imgUrl .gal-zoom span {
  position: absolute;
  display: block;
  top: auto;
  right: 5px;
  bottom: -10px;
  left: auto;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  padding: 5px 0 0 0;
  box-sizing: border-box;
  -webkit-transform: none;
  transform: none;
  cursor: pointer;
  background: #fff7e2;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
  font-size: 1.4em;
  color: #9e7742;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.graphic a.imgUrl .gal-zoom span {
  padding: 7px 0 0 0;
  font-size: 1.3em;
}


.no-touchevents .graphic a.zoom:hover .gal-zoom span, .no-touchevents .graphic a.zoom:active .gal-zoom span,
.no-touchevents .graphic a.imgUrl:hover .gal-zoom span, .no-touchevents .graphic a.imgUrl:active .gal-zoom span {
  background: #694b26;
  color: #ffffff;
  -webkit-transform: none;
  transform: none;
}




/* -- ZMS TEASER -----------------------------------*/
#teaser {
  position: relative;
  float: left;
  width: 25%;
  margin: 10px 0 0 -25%;
  margin: 10px 0 0 calc(-25% - 10px);
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.layout0 #teaser {
  margin: 10px 0 0 -50%;
  margin: 10px 0 0 calc(-50% - 20px);
}

#teaser .ZMSTeaserElement {
  margin: 15px 0;
  border-radiu: 2px;
  border: 2px solid #ffffff;
  background: #fffbf4;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
  overflow: hidden;
}

#teaser .ZMSTeaserElement:first-child {
  margin-top: 0;
}

#teaser .ZMSTeaserElement .graphic {
  text-align: center;
}

#teaser .ZMSTeaserElement .graphic a {
  border: 0;
}

#teaser .ZMSTeaserElement .graphic img {
  display: block;
  width: 100%;
  height: auto;
}

#teaser .ZMSTeaserElement .title {
  display: block;
  margin: 15px;
  font-size: 1.2em;
  line-height: 1.25;
}

.ZMSTeaserElement img.title, #teaser .ZMSTeaserElement .graphic .title {
  margin: 0;
  padding: 0;
}
#teaser .ZMSTeaserElement .text {
  display: block;
  margin: 15px;
  font-size: 0.85em;
  line-height: 1.25em;
}

.linkItem {
  padding: 0 0 0 5px;
}


/* -- ZMS TABLES -----------------------------------*/
table.ZMSTable {
  margin: 30px 0;
  border-spacing: 0;
  border-collapse: collapse;
  border-radiu: 2px;
  border: 2px solid #ffffff;
  padding: 0 0 5px 0;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
}


table.ZMSTable th { 
  border-bottom: 1px solid #e7d9c2;
  background: #fce1b0;
}

table.ZMSTable tr th p {
  margin: 0;
  padding: 5px;
  font-family: 'Times New Roman', serif;
  font-size: 1.2em;
  line-height: 1.25;
  font-style: italic;
  color: #694b26;
  text-align: left;
}

table.ZMSTable tr td {
  border-bottom: 1px solid #e7d9c2;
}

table.ZMSTable tr:last-child td {
  border-bottom: 0;
}

table.ZMSTable tr.even td {
  background-color: #fff7e2; 
}

table.ZMSTable tr.odd td {
  background-color: #fffbf4; 
}

table.ZMSTable tr td p {
  margin: 0;
  padding: 5px;
  color: #694b26;
  text-align: left;
}


table.ZMSTable caption {
  margin: 0;
  padding: 5px;
  background-color: transparent; 
  font-size: 0.85em;
  line-height: 1.25em;
  color: #694b26;
  text-align: left;
}



/* -- ZMS FILE / ZMS LINK --------------------------*/
.ZMSLinkElement { 
  margin: 15px 0;
}

.ZMSFile { 
  background-color: transparent;
  margin: 15px 0;
  padding: 0;
}

.ZMSFile.none, .ZMSLinkElement.none {
  background-color: transparent;
  border: 2px dashed #fce1b0;
}

.ZMSFile.floatleft, .ZMSLinkElement.floatleft { 
  float: left;
  width: 50%;
  margin-right: 15px;
}

.ZMSFile.floatright, .ZMSLinkElement.floatright { 
  float: right;
  width: 50%;
  margin-left: 15px;
}

.ZMSFile .title, .ZMSLinkElement .title {
  font-size: 1em;
  line-height: 1.25;
}

.ZMSFile .title i, .ZMSLinkElement .title img {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.ZMSFile .title a, 
.ZMSLinkElement .title a {
  vertical-align: middle;
  font-weight: bold;
  text-decoration: none;
}

.ZMSFile .title i + a, 
.ZMSLinkElement .title i + a {
  margin-left: 0.5rem;
}

.ZMSFile .title span, 
.ZMSLinkElement .title span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-size: 0.85em;
  line-height: 1.25;
}

.ZMSLinkElement .text {
  margin: 5px 0 0 25px;
}

.ZMSFile .description, .ZMSLinkElement .description {
  margin: 5px 0 0 25px;
  font-size: 0.85em;
  line-height: 1.25;
}



/*-- FLOATING ---------------*/
.clearing::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}

.clearLine {
  clear: both;
  width: 100%;
  height: 1px;
  margin: 30px 0;
  padding: 0;
  background: #fce1b0;
  font-size: 1px;
  line-height: 0;
}
.floatRight {
  float: right;
}
.floatLeft {
  float: left;
}
img.imgNoborder {
  border: 0px;
}
.btn {
  position: relative;
  display: inline-block;
  margin: 5px 5px 5px 0;
  border-radius: 2px;
  border: 2px solid #ffffff;
  padding: 10px 15px;
  background: #fce1b0;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
  box-sizing: border-box;
  font-family: "Times New Roman", serif;
  font-style: italic;
  font-size: 1.2em;
  line-height: 1.25;
  color: #694b26;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.no-touchevents .btn:hover,
.no-touchevents .btn:focus,
.no-touchevents a:hover .btn,
.no-touchevents span:hover .btn {
  border: 2px solid #ffffff;
  background: #694b26;
  color: #ffffff;
  text-decoration: none;
}



.btn:focus {
  outline: 0;
}

.btn.active,
.btn:active {
  outline: 0;
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-primary.active,
.btn-warning.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}



/* --- PRIMARY --- */
.btn-primary {
  background: #694b26;
  color: #ffffff;
}

.no-touchevents .btn-primary:hover,
.no-touchevents .btn-primary:focus,
.no-touchevents a:hover .btn-primary,
.no-touchevents span:hover .btn-primary {
  background: #fce1b0;
  color: #694b26;
}


.btn-primary.disabled,
.btn-primary[disabled] {
  background: #fce1b0;
  color: #694b26;
  opacity: 0.5;
}



/* --- SECONDARY --- */
.btn-secondary {
  background: #f29400;
  color: #ffffff;
}

.no-touchevents .btn-secondary:hover,
.no-touchevents .btn-secondary:focus,
.no-touchevents a:hover .btn-secondary,
.no-touchevents span:hover .btn-secondary {
  background: #ffffff;
  color: #f29400;
}


.btn-secondary.disabled,
.btn-secondary[disabled] {
  background: #fffbf4;
  color: #f29400;
  opacity: 0.5;
}


/* --- INVERSE --- */
.btn-inverse {
  background: #333333;
  color: #ffffff;
}


.no-touchevents .btn-inverse:hover,
.no-touchevents .btn-inverse:focus,
.no-touchevents .btn-inverse:active,
.no-touchevents .btn-inverse.active {
  border-color: #333333;
  background: #ffffff;
  color: #333333;
}


.btn-inverse.disabled,
.btn-inverse[disabled] {
  border-color: #333333;
  background: #fffbf4;
  color: #333333;
  opacity: 0.5;
}


.btn span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}


.btn > i {
  position: relative;
  vertical-align: middle;
}


.btn > i + span, .btn > span + i {
  margin-left: 10px;
}




/*------- BOOKING BUTTON ---------------------------*/
.btn-reserve, .btn-download {
  position: relative;
  display: inline-block;
}


.btn-reserve .btn, .btn-download .btn {
  position: relative;
  cursor: pointer;
  background: #F5A933;
  background-image: -webkit-radial-gradient(circle at top left,  #F5A933, #946633);
  background-image: radial-gradient(circle at top left,  #F5A933, #946633);
  overflow: hidden;
}

.no-touchevents .btn-reserve .btn:hover, .no-touchevents .btn-reserve .btn:focus,
.no-touchevents .btn-download .btn:hover, .no-touchevents .btn-download .btn:focus {
  background: rgb(225, 136, 0);
  background-image: -webkit-radial-gradient(circle at top left,  rgb(225, 136, 0), rgb(110, 56, 0));
  background-image: radial-gradient(circle at top left,  rgb(225, 136, 0), rgb(110, 56, 0));
  color: #ffffff;
}




.btn-reserve .btn::before, .btn-download .btn::before {
  position: absolute;
  content: "";
  right: -10px;
  bottom: 0;
  left: -10px;
  height: 70%;
  border-radius: 70% 70% 0 0 / 100% 100% 0 0;
  background: rgba(225, 136, 0, 0.5);
  background-image: -webkit-linear-gradient(to bottom, rgba(225, 136, 0, 0.5) 0%,  rgba(110, 56, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(225, 136, 0, 0.5) 0%,  rgba(110, 56, 0, 0.5) 100%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}


.no-touchevents .btn-reserve .btn:hover::before, .no-touchevents .btn-reserve .btn:focus::before,
.no-touchevents .btn-download .btn:hover::before, .no-touchevents .btn-download .btn:focus::before {
  background-image: -webkit-linear-gradient(to bottom, rgba(196, 117, 0, 0.5) 0%,  rgba(61, 30, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(196, 117, 0, 0.5) 0%,  rgba(61, 30, 0, 0.5) 100%);
}






/* -- STANDARDS -----------------------------------------*/
form input, form select, form textarea {
  position: relative;
  max-width: 100%;
  margin: 0;
  border: 1px solid #d7c095;
  border-radius: 2px;
  padding: 7px 10px;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.25;
  color: #694b26;
}

form input[type=radio], form input[type=checkbox] {
  width:16px;
  height:16px;
  margin:2px 5px;
  border:0;
  padding:0;
  background:transparent;
}

/* --- STANDARDS - VALIDATION --- */
.conForm .errors {
  display: none;
  margin: 0 0 30px;
  padding: 30px;
  background: #694b26;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.conForm .errors.show {
  display: block;
}

form .required input, form .required select, form .required textarea {
  border: 1px solid #f29400;
}

form .invalid input:invalid, form .invalid select:invalid, form .invalid textarea:invalid {
  border: 1px solid #F77402;
  background: rgba(250,201,114,0.15);
}

form .invalid input.radio:invalid, form .invalid input.checkbox:invalid,
form .invalid input.radio, form .invalid input.checkbox {
  border:2px solid #F77402;
  outline:2px solid #F77402;
}


/* --- CONTAINERS --- */
.conForm {
  position:relative;
  box-sizing: border-box;
}

.form-modal .conForm {
  width: 92%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 50px 0 0;
}

.conForm::after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}


/* --- MODAL --- */
.form-modal {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
}


.form-modal.open {
  display: flex;
  opacity: 1;
  z-index: 25;
}


.form-modal .modal-holder {
  position: relative;
  max-height: 100%;
  max-height: 100vh;
  margin: auto;
  background-color: rgb(255,255,255);
  box-shadow: 0 0 10px rgba(0,0,0,0.9);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  opacity: 0;
  visibility: hidden;
}

.form-modal .modal-holder.open {
  opacity: 1;
  visibility: visible;
}





.form-modal .modal-holder::before {
  content: "";
  position: fixed;
  display: block;
  right: 2vw;
  bottom: 2vw;
  width: 50%;
  max-width: 500px;
  height: 50%;
  max-height: 500px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

.form-modal .modal-holder.open::before {
  opacity: 0.25;
}

.form-modal .conForm {
  padding: 3rem;
}




/* --- SECTIONS --- */
.conForm section {
  padding: 0 0 10px;
  clear: both;
}

.conForm section::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}



/* --- WRAPPERS --- */

.conForm div {
  position:relative;
  display: inline-block;
  width:100%;
  padding:0 0 15px 0;
}

.conForm .wide {
  width: 100%;
}

.conForm .colL {
  width: 49%;
  padding: 0 1% 15px 0;
  vertical-align: top;
  clear: left;
}

.conForm .colR {
  width: 49%;
  padding: 0 0 15px 1%;
  vertical-align: top;
}


.conForm .col3 {
  width: 32%;
  padding: 0 1% 15px;
  vertical-align: top;
}

.conForm .col3:nth-of-type(3n + 1) {
  padding-left: 0;
  clear: left;
}

.conForm .col3:nth-of-type(3n) {
  padding-right: 0;
}


.conForm .double1 {
  width: 32%;
  margin-right: 5%;
  padding: 0;
}
.conForm .double2 {
  width: 63%;
  padding: 0;
}

.conForm div > span {
  display: inline-block;
  vertical-align: middle;
}


/* --- STANDARDS --- */
.conForm h1 {
  margin: 0 0 15px;
  font-size: 1.6em;
  line-height: 1.25em;
}

.conForm h2 {
  margin-top: 0;
}

.noJS .conForm .tabTitle {
  display: none;
}

.conForm h4 {
  margin: 0 0 20px;
}

.conForm p {
  clear: both;
}

.star {
  padding: 0 0 0 2px;
  opacity: 0;
  font-size: 1.1em;
  line-height: 1em;
  font-weight: bold;
  color: #694b26;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.no-opacity .star {
  visibility: hidden;
}

.required .star {
  opacity: 1;
}

.no-opacity .required .star {
  visibility: visible;
}



/* --- LABELS --- */
.conForm label {
  position:relative;
  display: none;
  padding: 0 0 2px 4px;
  color: #694b26;
}

.conForm label.beside {
  display: block;
}


.conForm label.radio, .conForm .wide label.radio {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0 15px 0 0;
  color: #694b26;
}

.conForm .required label.radio {
  font-weight:normal;
}

.conForm label.long, .conForm .wide label.long {
  display: inline-block;
  width: 75%;
  width: calc(100% - 30px);
  padding: 0;
  vertical-align: top;
}

.conForm label.date {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 8px 15px 0 0;
  color: #694b26;
}

.conForm .formRoom label, .conForm .formGuest label {
  display: inline-block;
  width: 90%;
  width: calc(100% - 80px);
  padding: 0 15px 0 0;
  vertical-align: middle;
}


/* --- INPUTS --- */

.conForm input {
  position:relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  z-index: 0;
}
.conForm input.date {
  width: 100px;
  margin-right: 15px;
}

.conForm input.short {
  width:30%;
}

.conForm input.medium {
  width:40%;
  margin:0 3%;
}

.conForm input.radio, .conForm .required input.radio {
  margin-left: 0;
}

.conForm .btn {
  float: right;
  width: auto;
  margin: 0;
  white-space: normal;
}

/* --- SELECT --- */

.conForm select {
  position: relative;
  display: inline-block;
  width: 100%;
  cursor: pointer;
}
.conForm select.short {
  width: 60px;
}

.conForm option {
  color: #694b26;
}

.conForm .formRoom select, .conForm .formGuest select {
  width: 60px;
  vertical-align: middle;
}

/* --- TEXTAREA --- */
.conForm textarea {
  display: block;
  width: 100%;
  height: 200px;
}





.media-gallery {
  position: relative;
  display: block;
  margin: 30px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.gallery-slideshow {
  margin: 15px 0;
}

.media-gallery.tInfinity {
  padding-bottom: 75px;
}

.media-gallery.tInfinity.hide-infinity {
  padding-bottom: 0;
}




.media-gallery:not(.single-media):not(.gallery-slideshow):not(.tArrows) .gallery-page {
  position: relative;
  width: 102.1432%;
  margin: 0 -1.0716%;
}

.layout2 .media-gallery:not(.single-media):not(.gallery-slideshow):not(.tArrows) .gallery-page,
.layout3 .media-gallery:not(.single-media):not(.gallery-slideshow):not(.tArrows) .gallery-page {
  width: 101.6%;
  margin: 0 -0.8%;
}

.col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 104.3822%;
  margin: 0 -2.1911%;
}

.layout2 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page,
.layout3 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 103.251%;
  margin: 0 -1.6255%;
}


.media-gallery .gallery-page.changing {
  overflow: hidden;
}

.media-gallery.tArrows .gallery-page {
  position: relative;
  left: -1.0491%;
  width: 90.7156%;
  margin: 0 auto;
}


.media-gallery.gallery-slideshow .gallery-page {
  border: 2px solid rgb(255,255,255);
  background: rgb(255, 247, 226);
  box-shadow: 0 0 3px rgba(105, 75, 38, 0.3);
}



/* --- WRAPPER FOR NAVIGATION --- */

.media-gallery .wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.media-gallery.gallery-slideshow .wrap {
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
}

.media-gallery .wrap.active {
  z-index: 1;
}


.media-gallery .wrap.active, .media-gallery.tInfinity .wrap.view {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.contentBar > .gallery-slideshow .wrap.active {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
}



.media-gallery .wrap.old {
  z-index: auto;
}

.media-gallery .wrap.new {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.media-gallery.tInfinity .wrap.new {
  top: 100%;
}




/* --- GALLERY ITEM DEFAULTS --- */

.media-gallery .gallery-item a {
  border: 0;
  text-decoration: none;
}

.media-gallery .gallery-item .item-container {
  position: relative;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.contentBar > .gallery-slideshow .gallery-item .item-container {
  position: static;
}


.media-gallery .gallery-item .gal-img {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  border: 2px solid rgb(255,255,255);
  padding: 0 0 66%;
  background: rgb(255, 247, 226);
  box-shadow: 0 0 3px rgba(105, 75, 38, 0.3);
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.media-gallery.gallery-slideshow .gallery-item .gal-img {
  border: 0;
  box-shadow: none;
}


.contentBar > .gallery-slideshow .gal-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 0;
}



.media-gallery .gallery-item img {
  display: block;
  width: 100%;
  height: auto;
}

.media-gallery .gallery-item .gal-text {
  margin: 5px 0 0;
}






/* --- THUMBGRID THUMBNAILS --- */

.gallery-thumbgrid .gallery-item {
  position: relative;
  display: inline-block;
  width: 14.5624%;
  margin: 1.0491%;
  vertical-align: top;
  -webkit-transition: width 0.3s, margin 0.3s;
  transition: width 0.3s, margin 0.3s;
}

.layout2 .gallery-thumbgrid .gallery-item,
.layout3 .gallery-thumbgrid .gallery-item {
  width: 10.9215%;
  margin: 0.7868%;
}

.col-layout .gallery-thumbgrid .gallery-item {
  width: 29.1367%;
  margin: 2.0992%;
}

.layout2 .col-layout .gallery-thumbgrid .gallery-item,
.layout3 .col-layout .gallery-thumbgrid .gallery-item {
  width: 21.8521%;
  margin: 1.5743%;
}



.gallery-thumbgrid .gallery-item .item-container {
  background-color: rgba(0,0,0,0.1);
  color: rgb(255,255,255);
}

.gallery-thumbgrid.hover2 .gallery-item a, .gallery-thumbgrid.hover3 .gallery-item a {
  overflow: hidden;
}


.gallery-thumbgrid .gallery-item .gal-img {
  padding: 0 0 100%;
  background-size: cover, cover;
}

.gallery-thumbgrid .gal-text {
  display: none;
}



/* --- THUMBGRID HOVER EFFECTS --- */

/* --- BORDER --- */

.hover1 .gallery-item a::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(250, 201, 113);
  background: rgba(250, 201, 113,0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

.no-touchevents .hover1 .gallery-item a:hover::after, .no-touchevents .hover1 .gallery-item a:active::after {
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
}




/* --- ZOOM IMAGE --- */

.no-touchevents .hover2 .gallery-item a:hover .gal-img, .no-touchevents .hover2 .gallery-item a:active .gal-img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}




/* --- ZOOM ICON --- */

.gal-zoom {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}



.gallery-slideshow .gal-zoom {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.3;
  visibility: visible;
}


.no-touchevents a:hover .gal-zoom, .no-touchevents a:active .gal-zoom {
  opacity: 1;
  visibility: visible;
}



.gal-zoom span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  font-size: 2.2em;
  line-height: 1;
  color: rgb(255,255,255);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.gallery-slideshow .gal-zoom span {
  -webkit-transform: translate(-50%, -50%) scale(3);
  transform: translate(-50%, -50%) scale(3);
}


.no-touchevents a:hover .gal-zoom span, .no-touchevents a:active .gal-zoom span {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}



/* --- ZOOM IMAGE & BKGD --- */

.hover3 .gal-zoom, 
.hover4 .gal-zoom {
  background: rgb(250, 201, 113);
  background: rgba(250, 201, 113,0.6);
}

.gallery-slideshow.hover3 .gal-zoom, 
.gallery-slideshow.hover4 .gal-zoom {
  background: transparent;
}


.no-touchevents .gallery-slideshow.hover3 a:hover .gal-zoom, .no-touchevents .gallery-slideshow.hover3 a:active .gal-zoom,
.no-touchevents .gallery-slideshow.hover4 a:hover .gal-zoom, .no-touchevents .gallery-slideshow.hover4 a:active .gal-zoom {
  background: rgb(250, 201, 113);
  background: rgba(250, 201, 113,0.6);
}

.hover3 .gal-zoom span {
  background: transparent;
}


.no-touchevents .hover3 .gallery-item a:hover .gal-img, .no-touchevents .hover3 .gallery-item a:active .gal-img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}






/* --- PLAY ICON --- */

.media-gallery .gal-play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.media-gallery.single-media .gal-play, .media-gallery.single-media .gal-play {
  opacity: 0.5;
  visibility: visible;
}

.no-touchevents .media-gallery a:hover .gal-play, .no-touchevents .media-gallery a:active .gal-play {
  opacity: 1;
  visibility: visible;
}

.media-gallery .gal-play span {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2px;
  border: 1px solid rgb(250, 201, 113);
  border: 1px solid rgba(250, 201, 113,0.8);
  padding: 0 8px;
  background: rgb(250, 201, 113);
  background: rgba(0,0,0,0.8);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  font-size: 2.5em;
  color: rgb(255,255,255);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.media-gallery.single-media .gal-play span, .media-gallery.single-media .gal-play span,
.no-touchevents .media-gallery a:hover .gal-play span, .no-touchevents .media-gallery a:active .gal-play span {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}




/* --- VIDEO ALBUM / AUDIO ALBUM --- */

.gallery-audio .gallery-item,
.gallery-video .gallery-item {
  display: inline-block;
  width: 31.22318%;
  margin: 1.0491%;
  vertical-align: top;
}

.layout2 .gallery-audio .gallery-item,
.layout3 .gallery-video .gallery-item {
  display: inline-block;
  width: 31.7471%;
  margin: 0.7868%;
}


.gallery-audio .gallery-item .gal-text,
.gallery-video .gallery-item .gal-text {
  position: relative;
  display: block;
}






/* --- THUMBGRID PAGE NAVIGATION --- */

.nav-pages {
  margin: 15px 0;
  text-align: center;
}

.nav-pages a {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  border-radius: 2px;
  border: 1px solid transparent;
  padding: 6px 14px;
  text-decoration: none;
  vertical-align: middle;
  font-size: 1.2em;
  color: rgb(105, 75, 38);
}


.no-touchevents .nav-pages a:hover, .no-ttoucheventsouch .nav-pages a:active {
  background-color: rgb(252, 225, 176);
}

.nav-pages .active, .no-touchevents .nav-pages .active:hover, .no-touchevents .nav-pages .active:active {
  border: 1px solid rgb(252, 225, 176);
  background-color: rgb(255,255,255);
  cursor: default;
}

.nav-pages .active span {
  cursor: default;
}

.nav-pages .disabled,
.no-touchevents .nav-pages .disabled:hover,
.no-touchevents .nav-pages .disabled:focus {
  background-color: transparent;
  color: rgb(158, 119, 66);
  cursor: default;
  opacity: 0.25;
}

.nav-pages .disabled span {
  cursor: default;
}

.nav-pages a:first-child {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}

.nav-pages a:last-child {
  border-radius: 0 2px 2px 0;
}




/* --- THUMBGRID PAGE ARROW NAVIGATION --- */

.nav-arrows, .nav-infinity {
  position: absolute;
  top: 50%;
  width:  3.5292%;
  height: 60px;
  margin: 0;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 3;
}

.nav-arrows.next {
  right: 0;
}

.nav-arrows.prev {
  left: 0;
}


.nav-infinity {
  top: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}


.nav-arrows.disabled, .nav-infinity.disabled {
  opacity: 0.3;
  cursor: default;
}

.nav-arrows.hide, .nav-infinity.hide {
  opacity: 0;
  visibility: hidden;
}


.media-gallery:not(.tArrows) .nav-arrows {
  display: none;
}

.nav-arrows a, .nav-infinity a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}


.nav-arrows a.disabled, .nav-infinity a.disabled {
  opacity: 0.3;
  cursor: default;
}


.nav-arrows a.hide, .nav-infinity a.hide {
  opacity: 0;
  visibility: hidden;
}

.nav-arrows a span, .nav-infinity a span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing:border-box;
  font-size: 4em;
  line-height: 1;
}


.nav-arrows .next span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nav-infinity .next span {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.nav-arrows a.disabled span, .nav-infinity a.disabled span {
  cursor: default;
}


.nav-arrows span::before, .nav-arrows span::after,
.nav-infinity span::before, .nav-infinity span::after {
  content: "";
  position: absolute;
  left: 25%;
  width: 4px;
  height: 50%;
  background: rgb(250, 201, 113);
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.nav-arrows span::before,
.nav-infinity span::before {
  -webkit-transform: translate(-50%,0) rotate(40deg);
  transform: translate(-50%,0) rotate(40deg);
  -webkit-transform-origin: 0 100% 0;
  transform-origin: 0 100% 0;
}

.nav-arrows span::after,
.nav-infinity span::after {
  top: 50%;
  -webkit-transform: translate(-50%,0) rotate(-40deg);
  transform: translate(-50%,0) rotate(-40deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}


.no-touchevents .nav-arrows:not(.disabled) a:not(.disabled):hover span::before, .no-touchevents .nav-arrows:not(.disabled) a:not(.disabled):hover span::after,
.no-touchevents .nav-infinity:not(.disabled) a:not(.disabled):hover span::before, .no-touchevents .nav-infinity:not(.disabled) a:not(.disabled):hover span::after {
  background: rgb(242, 148, 0);
}

.nav-arrows span i,
.nav-infinity span i {
  display: none;
}




/* --- PHOTOALBUM - SLIDESHOW --- */

.gallery-slideshow.left {
  float: left;
  width: 48.9096%;
  margin-right: 2.1433%;
  padding: 0;
}

.gallery-slideshow.right {
  float: right;
  width: 48.9096%;
  margin-left: 2.1433%;
  padding: 0;
}

.contentBar > .gallery-slideshow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
}

.contentBar > .gallery-slideshow.left {
  left: 0;
  width: 50%;
}

.contentBar > .gallery-slideshow.right {
  right: 0;
  width: 50%;
}

.contentBar > .gallery-slideshow.center {
  left: 0;
  right: 0;
}


.gallery-slideshow.hover2 .gallery-item,
.gallery-slideshow.hover3 .gallery-item {
  overflow: hidden;
}

.gallery-slideshow .gallery-item .gal-img {
  padding: 0 0 66%;
  background-size: cover, cover;
}

.gallery-slideshow.center .gallery-item .gal-img {
  padding: 0 0 33%;
}

.gallery-slideshow .gallery-item img {
  display: none;
}




/* --- SLIDESHOW NAV DOTS --- */

.slidetabs {
  position: relative;
  margin: 5px 0 0;
  text-align: center;
}

.contentBar > .gallery-slideshow .slidetabs {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  left: 0.5em;
  margin: 0;
}

.contentBar > .gallery-slideshow.left .slidetabs {
  right: auto;
}

.contentBar > .gallery-slideshow.right .slidetabs {
  left: auto;
}


/* single tab */
.slidetabs a {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 5px;
  border-radius: 50%;
  border: 1px solid rgb(105, 75, 38);
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  vertical-align: bottom;
}


.slidethumbs a {
  width: 35px;
  height: 35px;
  margin: 5px 2px;
  border-radius: 0;
  padding: 2px;
  background-color: rgb(231, 217, 194);
}


.slidetabs a span {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(231, 217, 194);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: none;
}


.slidethumbs a span {
  background-color: transparent;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5;
}


.no-touchevents .slidetabs a:hover span, .no-touchevents .slidetabs a:active span {
  background-color: rgb(242, 148, 0);
}

.slidetabs a.active span,
.no-touchevents .slidetabs a.active:hover span, .no-touchevents .slidetabs a.active:active span {
  background-color: rgb(105, 75, 38);
  cursor: default;
}


.no-touchevents .slidethumbs a:hover span, .no-touchevents .slidethumbs a:active span {
  opacity: 1;
}

.slidethumbs a.active,
.no-touchevents .slidethumbs a.active:hover, .no-touchevents .slidethumbs a.active:active {
  border: 2px solid rgb(242, 148, 0);
  padding: 0;
  cursor: default;
}


.slidethumbs a.active span,
.no-touchevents .slidethumbs a.active:hover span, .no-touchevents .slidethumbs a.active:active span {
  opacity: 1;
}





/* --- SINGLE VIDEO / SINGLE AUDIO --- */
.media-gallery.single-media {
  width: 48.9096%;
}


/* --- left --- */
.media-gallery.single-media[data-layout="0"] {
  float: left;
  margin-top: 0.33rem;
  margin-right: 2.1433%;
}


/* --- right --- */
.media-gallery.single-media[data-layout="1"] {
  float: right;
  margin-top: 0.33rem;
  margin-left: 2.1433%;
}


/* --- 100% | col content --- */
.media-gallery.single-media[data-layout="2"],
.col-layout .media-gallery.single-media[data-layout="0"],
.col-layout .media-gallery.single-media[data-layout="1"] {
  float: none;
  width: 100%;
  margin: 0;
}


.single-media .gallery-item {
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
}


.single-media .gallery-page h3,
.btn-video .gallery-page h3 {
  margin-top: 0;
}


.content .single-media .gallery-page .gal-text {
  margin: 1rem 0 0;
}

.content .single-media .gallery-page .gal-text:empty {
  display: none;
}


.single-media .gallery-item .gal-img {
  padding: 0 0 56.25%;
}


.single-media .gallery-page .gallery-item .js-pano {
  position: relative;
  display: block;
  float: none;
  width: 100%;
  height: 0;
  padding: 0 0 56.25%;
}


.single-media .gallery-item .iframe-wrapper,
.single-media .gallery-item .video-container {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 56.25%;
  background: rgb(0,0,0);
}


.single-media .gallery-item .iframe-wrapper iframe,
.single-media .gallery-item .video-container iframe,
.single-media .gallery-item .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/* --- OVERLAY GALLERY --- */

.overlay {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.8);
  text-align: center;
  opacity: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}


.overlay.open {
  display:block;
  opacity: 1;
  z-index: 14;
}


.overlay.changing {
  display:block;
  opacity: 1;
  z-index: 500;
}


.overlay .galImg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
}


.overlay .galImg.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.overlay .galImg.new {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}






/* --- OVERLAY AUDIO WRAPPER --- */

.overlay .media-wrapper {

}

.overlay .audio-container {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 500px;
  max-width: 100%;
  height: 30px;
  max-height: 100%;
  margin: auto;
}




/* --- OVERLAY IMAGE --- */

.overlay .galImg .image-container {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain, contain;
}

.overlay .galImg img {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
}

.overlay .galImg .media-wrapper img {
  display: none;
}

.overlay .galImg .media-wrapper audio {
  display: block;
  width: 100%;
}





/* --- VIDEO IN OVERLAY --- */

.overlay .overlay-video img {
  display: none;
}

.overlay .iframe-container,
.overlay .video-container {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  width: 100vw;
  max-width: 177.78vh;
  height: 56.25vw;
  max-height: 100vh;
  margin: auto;
  background: rgb(0,0,0);
  background: rgb(31, 18, 2);
  z-index: 5;
}

.overlay .iframe-container iframe,
.overlay .video-container iframe,
.overlay .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}


.overlay #player object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}




/* --- OVERLAY DESCRIPTION --- */

.overlay .galImg .text {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1%;
  background: rgba(0,0,0,0.6);
  color: rgb(255,255,255);
  color: rgba(255,255,255,0.7);
  text-align: left;
  font-size: 0.85em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}


.overlay  .galImg .text.img-view {
  opacity: 0;
}


.overlay .galImg .text p {
  max-width: 800px;
}




/* --- OVERLAY NAV --- */

.overlay .nav {
  position: absolute;
  top: 50%;
  width:  50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.2);
  box-sizing: border-box;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 5;
}


.overlay .nav.prev {
  left: 2%;
}

.overlay .nav.next {
  right: 2%;
}

.overlay .nav.disabled {
  opacity: 0.3;
  cursor: default;
}

.overlay .nav.hide,
.overlay.inactive .nav {
  opacity: 0;
  visibility: hidden;
}

.overlay .nav.img-view {
  opacity: 0;
  visibility: hidden;
}



.no-touchevents .overlay .nav:hover {
  background: rgba(255,255,255,0.6);
}

.overlay .nav.disabled:hover {
  background: rgba(0,0,0,0.2);
}


.overlay .nav span {
  position: relative;
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% 0 0 20%;
  box-sizing:border-box;
  font-size: 4em;
  line-height: 1;
}

.overlay .next span {
  margin-left: 15%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}


.overlay .nav span::before, .overlay .nav span::after {
  content: "";
  position: absolute;
  left: 25%;
  width: 3px;
  height: 50%;
  background: rgb(255,255,255);
  backface-visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.overlay .nav span::before {
  -webkit-transform: translate(-50%,0) rotate(40deg);
  transform: translate(-50%,0) rotate(45deg);
  -webkit-transform-origin: 0 100% 0;
  transform-origin: 0 100% 0;
}

.overlay .nav span::after {
  top: 50%;
  -webkit-transform: translate(-50%,0) rotate(-40deg);
  transform: translate(-50%,0) rotate(-40deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}


.no-touchevents .overlay .nav:not(.disabled):hover span::before, .no-touchevents .overlay .nav:not(.disabled):hover span::after {
  background: rgb(0,0,0);
}






/* --- CLOSE BUTTON --- */

.overlay .close.img-view {
  opacity: 0;
}


.overlay.inactive .close {
  opacity: 0;
  visibility: hidden;
}


/* --- CONTENT GALLERY NAV --- */

.contentGallery .galNav {
  position: relative;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

.contentGallery .galNav li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.contentGallery .galNav a {
  position: relative;
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 10px;
  padding: 10px;
  background-color: rgb(250, 201, 113);
  background-color: rgba(250, 201, 113,0.5);
}

.contentGallery .galNav span {
  position: relative;
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% 0 0 10%;
  box-sizing:border-box;
  font-size: 2em;
  line-height: 1;
  color: rgb(255,255,255);
}

.csstransforms .contentGallery .galNav span i {
  display: none;
}

.csstransforms .contentGallery .galNav .next span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.csstransforms .contentGallery .galNav span::before, .csstransforms .contentGallery .galNav span::after {
  content: "";
  position: absolute;
  left: 25%;
  width: 4px;
  height: 50%;
  background: rgb(255,255,255);
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.csstransforms .contentGallery .galNav span::before {
  -webkit-transform: translate(-50%,0) rotate(40deg);
  transform: translate(-50%,0) rotate(45deg);
  -webkit-transform-origin: 0 100% 0;
  transform-origin: 0 100% 0;
}

.csstransforms .contentGallery .galNav span::after {
  top: 50%;
  -webkit-transform: translate(-50%,0) rotate(-40deg);
  transform: translate(-50%,0) rotate(-40deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}


.no-touchevents .contentGallery .galNav a:hover span, .no-touchevents .contentGallery .galNav a:hover span {
  color: rgb(242, 148, 0);
}

.csstransforms.no-touchevents .contentGallery .galNav a:hover span::before, .csstransforms.no-touchevents .contentGallery .galNav a:hover span::after {
  background: rgb(242, 148, 0);
}




.contentGallery .galImg {
  text-align: center;
}

.contentGallery .galImg img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
}



.overlay .pageoverlay-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
}


.overlay .pageoverlay-item.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.overlay .pageoverlay-item.new {
  visibility: visible;
  z-index: 2;
}

.overlay-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(255, 251, 244);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.body-splash + .overlay-holder {
  background: transparent;
}


.overlay-holder > div {
  position: relative;
  display: inline-block;
  float: none;
  vertical-align: top;
}


.overlay-holder .content {
  text-align: left;
}

.overlay-holder .general-width {
  width: 92%;
  max-width: 800px;
}

.overlay-holder .content h1 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}



.overlay .close-gal {
  position: relative;
  display: inline-block;
  left: auto;
  right: auto;
  width: 35px;
  height: 35px;
  margin: 0 10px 0 -45px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
}

.overlay .close-gal.hide {
  opacity: 0;
  visibility: hidden;
}




/* -- INDEX ----------------------------------------*/
.index {
  position: relative;
}

.index ul {
  margin: 0;
  padding: 0;
  overflow: inherit;
  list-style: none;
}

.index li {
  position: relative;
  display: inline-block;
  width: 49%;
  margin: 1%;
  padding: 0;
  background: transparent;
  vertical-align: top;
}

.index li:nth-of-type(2n + 1) {
  margin-left: 0;
  clear: left;
}

.index li:nth-of-type(2n) {
  margin-right: 0;
}

.index li > a, .index li > span {
  position: relative;
  display: block;
  border-radius: 2px;
  border: 2px solid #ffffff;
  background: #fffbf4;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
}

.index span {
  position: relative;
  display: block;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

.index .ix-header {
  padding: 15px;
}

.index .ix-title {
  font-family: 'Times New Roman', serif;
  font-size: 1.4em;
  line-height: 1.25;
  font-style: italic;
  color: #9e7742;
}

.index .ix-subtitle {
  font-size: 0.85em;
  line-height: 1.25;
  color: #9e7742;
}


.index .ix-img {
  width: 100%;
  height: 0;
  padding: 0 0 36%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.index .ix-desc {
  padding: 15px;
  color: #694b26;
}

.index .ix-more {
  display: inline-block;
  margin: 0;
  padding: 0 10px 4px;
}

.index .ix-more span {
  display: inline-block;
}


.no-touchevents .index a:hover, .no-touchevents .index a:active {
  border: 2px solid #ffffff;
}



/* --- 1 COL - TITLE DESC --- */

.ix0 li {
  width: 100%;
  margin: 1% 0;
}

.ix0 .ix-header {
  padding-bottom: 0;
}

.ix0 .ix-img {
  display: none;
}

.ix0 .ix-desc-desc {
  padding-bottom: 1rem;
}




/* --- 1 COL - TITLE IMG DESC --- */

.ix1 li {
  width: 100%;
  margin: 1% 0;
}

.ix1 a::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}


.ix1 .ix-header {
  float: right;
  width: 60%;
  width: calc(62% - 30px);
}

.ix1 .ix-img {
  float: left;
  width: 38%;
  padding: 0 0 25.5%;
}

.ix1 .ix-desc {
  position: static;
  margin-left: 38%;
  padding-top: 0;
  padding-bottom: 60px;
  clear: right;
}

.ix1 .ix-more {
  position: absolute;
  right: 5px;
  bottom: 5px;
}




/* --- 2 COL - TITLE IMG DESC --- */

.index .ix2 li {
  display: inline-block;
  width: 49%;
  padding: 0;
  vertical-align: top;
}

.index .ix2 li > a, .index .ix2 li > span {
  width: 100%;
  padding: 0 0 66%;
  background: #694b26;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.index .ix2 .ix-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 10px;
  background: #fac971;
  background: rgba(250,201,114,0.9);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}

.index .ix2 .ix-header .ix-title {
  display: block;
  color: #694b26;
}

.index .ix2 .ix-header .ix-subtitle {
  display: block;
  color: #694b26;
}

.index .ix2 .ix-header .ix-subtitle {
  font-size: 0.85em;
  line-height: 1.25;
  text-transform: normal;
}


.index .ix2 .ix-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.no-touchevents .index .ix2 a:hover .ix-img, .no-touchevents .index .ix2 a:active .ix-img, .no-touchevents .index .ix2 a:focus .ix-img {
  opacity: 0.5;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.touchevents .index .ix2 .ix-img {
  -webkit-transform: scale(1);
  transform: scale(1);
}


.index .ix2 .ix-img img {
  display: none;
}



.index .ix2 .ix-desc {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 75%;
  padding: 8px;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #ffffff;
  text-align: right;
}


.no-touchevents .index .ix2 a:hover .ix-desc, .no-touchevents .index .ix2 a:active .ix-desc, .no-touchevents .index .ix2 a:focus .ix-desc {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}


.touchevents .index .ix2 .ix-desc {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.index .ix2 .ix-desc-desc {
  padding-bottom: 1rem;
}


.touchevents .index .ix2 .ix-desc .ix-desc-desc {
  display: none;
}





#map {
  position:relative;
  margin:0;
  width:100%;
  height:350px;
}

#map.parascroll {
  position:absolute;
  top:0;
  right:0;
  left:0;
  width:auto;
  height:350px;
  margin:67px 0 0;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
}
.no-touchevents #map.parascroll {
  position:fixed !important;
}

.scootchFromRight {
  -webkit-animation: scootchFromRight 0.3s ease both;
  animation: scootchFromRight 0.3s ease both;
}

.scootchToLeft {
  -webkit-animation: scootchToLeft 0.3s ease both;
  animation: scootchToLeft 0.3s ease both;
}

.scootchToRight {
  -webkit-animation: scootchToRight 0.3s ease both;
  animation: scootchToRight 0.3s ease both;
}

.scootchFromLeft {
  -webkit-animation: scootchFromLeft 0.3s ease both;
  animation: scootchFromLeft 0.3s ease both;
}


.scaleDown {
  -webkit-animation: scaleDown .4s ease both;
  animation: scaleDown .4s ease both;
}

.scaleUp {
  -webkit-animation: scaleUp .4s ease both;
  animation: scaleUp .4s ease both;
}

.moveToLeft {
  -webkit-animation: moveToLeft 0.6s ease both;
  animation: moveToLeft 0.6s ease both;
}

.moveFromRight {
  -webkit-animation: moveFromRight 0.6s ease both;
  animation: moveFromRight 0.6s ease both;
}



.moveToRight {
  -webkit-animation: moveToRight 0.6s ease both;
  animation: moveToRight 0.6s ease both;
}

.moveFromLeft {
  -webkit-animation: moveFromLeft 0.6s ease both;
  animation: moveFromLeft 0.6s ease both;
}


.moveToBottom {
  -webkit-animation: moveToBottom 0.4s ease both;
  animation: moveToBottom 0.4s ease both;
}

.moveFromBottom {
  -webkit-animation: moveFromBottom 0.4s ease both;
  animation: moveFromBottom 0.4s ease both;
}


.fadeOut {
  -webkit-animation: fadeOut 0.4s ease both;
  animation: fadeOut 0.4s ease both;
}

.fadeIn {
  -webkit-animation: fadeIn 0.4s ease both;
  animation: fadeIn 0.4s ease both;
}


.popIn {
  -webkit-animation: popIn 0.4s ease both;
  animation: popIn 0.4s ease both;
}

.stayPut {
  -webkit-animation: stayPut 0.4s ease both;
  animation: stayPut 0.4s ease both;
}


/* --- ANIMATIONS --- */

@-webkit-keyframes scootchToLeft {
  0% { -webkit-transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(-25%); opacity: 0; }
}

@keyframes scootchToLeft {
  0% { transform: translateX(0); opacity: 1; }
  100% { transform: translateX(-25%); opacity: 0; }
}




@-webkit-keyframes scootchFromLeft {
  0% { -webkit-transform: translateX(-25%); opacity: 0; }
  100% { -webkit-transform: translateX(0); opacity: 1; }
}

@keyframes scootchFromLeft {
  0% { transform: translateX(-25%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}




@-webkit-keyframes scootchToRight { 
  0% { -webkit-transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(25%); opacity: 0; }
}

@keyframes scootchToRight { 
  0% { transform: translateX(0); opacity: 1; }
  100% { transform: translateX(25%); opacity: 0; }
}




@-webkit-keyframes scootchFromRight {
  0% { -webkit-transform: translateX(25%); opacity: 0; }
  100% { -webkit-transform: translateX(0); opacity: 1; }
}

@keyframes scootchFromRight {
  0% { transform: translateX(25%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}





@-webkit-keyframes moveToLeft {
  0% { -webkit-transform: translateX(0); }
  100% { -webkit-transform: translateX(-100%); }
}

@keyframes moveToLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}




@-webkit-keyframes moveFromLeft {
  0% { -webkit-transform: translateX(-100%); }
  100% { -webkit-transform: translateX(0); }
}

@keyframes moveFromLeft {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0); }
}



@-webkit-keyframes moveToRight { 
  0% { -webkit-transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); }
}

@keyframes moveToRight { 
  0% { transform: translateX(0); }
  100% { transform: translateX(100%); }
}



@-webkit-keyframes moveFromRight {
  0% { -webkit-transform: translateX(100%); }
  100% { -webkit-transform: translateX(0); }
}

@keyframes moveFromRight {
  0% { transform: translateX(100%); }
  100% { transform: translateX(0); }
}



@-webkit-keyframes moveToBottom {
  0% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(150%); }
}

@keyframes moveToBottom {
  0% { transform: translateY(0); }
  100% { transform: translateY(150%); }
}



@-webkit-keyframes moveFromBottom {
  0% { -webkit-transform: translateY(150%); }
  100% { -webkit-transform: translateY(0); }
}

@keyframes moveFromBottom {
  0% { transform: translateY(150%); }
  100% { transform: translateY(0); }
}




@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}

@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}



@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}

@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}



@-webkit-keyframes fadeInText {
  0% { -webkit-transform: translate3D(0,50px,0); opacity:0; }
  100% { -webkit-transform: translate3D(0,0,0); opacity:1; }
}

@keyframes fadeInText {
  0% { transform: translate3D(0,50px,0); opacity:0; }
  100% { transform: translate3D(0,0,0); opacity:1; }
}



@-webkit-keyframes fadeOutText {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeOutText {
  0% {  opacity: 1; }
  100% { opacity: 0; }
}




@-webkit-keyframes scaleDown {
  0% { opacity: 1; -webkit-transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(.8); }
}
@keyframes scaleDown {
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(.8); }
}



@-webkit-keyframes scaleUp {
  0% { opacity: 0; -webkit-transform: scale(.8); }
  100% { opacity: 1; -webkit-transform: scale(1); }
}
@keyframes scaleUp {
  0% { opacity: 0; transform: scale(.8); }
  100% { opacity: 1; transform: scale(1); }
}


@-webkit-keyframes stayPut {
  0% { opacity: 1; }
  50% { opacity: 0.99; }
  100% { opacity: 1; }
}

@keyframes stayPut {
  0% { opacity: 1; }
  50% { opacity: 0.99; }
  100% { opacity: 1; }
}



@-webkit-keyframes popIn {
  0% { opacity: 0; -webkit-transform: scale(0); }
  40% { opacity: 0.75; -webkit-transform: scale(1.05); }
  85% { opacity: 1; -webkit-transform: scale(0.95); }
  100% { opacity: 1; -webkit-transform: scale(1); }
}

@keyframes popIn {
  0% { opacity: 0; transform: scale(0); }
  40% { opacity: 0.75; transform: scale(1.05); }
  85% { opacity: 1; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}




/* --- SIDEBAR --- */
.sidebar {
  position: fixed;
  top: 65px;
  right: 0;
  border-radius: 2px 0 0 2px;
  z-index: 9;
}

body.hidden .sidebar, body.showForm .sidebar {
  display: none;
}


.sidebar > div {
  position: relative;
  display: block;
  width: 40px;
  border-top: 1px solid rgba(255,255,255,0.5);
  font-size: 1.3em;
  text-align: center;
}

.sidebar > div:first-child {
  border-top: 0;
}


.sidebar .side-icon {
  position: relative;
  display: block;
  width: 40px;
  padding: 8px 0;
  background: rgb(250, 201, 113);
  text-align: center;
  cursor: pointer;
  z-index: 1;
  color: rgb(255,255,255);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar > div:first-child .side-icon {
  border-radius: 2px 0 0 0;
  border-top: 0;
}

.sidebar > div:first-child:hover .side-icon, .sidebar > div:first-child:active .side-icon {
  border-radius: 0;
}

.sidebar > div:last-child .side-icon {
  border-radius: 0 0 0 2px;
}

.sidebar > div:hover .side-icon, .sidebar > div:active .side-icon {
  background: rgb(242, 148, 0);
}

.sidebar .popup {
  position: absolute;
  top: 0;
  right: -500px;
  width: 400px;
  min-height: 100px;
  padding: 20px 60px 20px 20px;
  background: rgb(255, 247, 226);
  box-shadow: 0 0 3px rgba(0,0,0,0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 0.85em;
  text-align: left;
  overflow: hidden;
}

.csstransforms .sidebar .popup {
  right: 0;
  -webkit-transform: translate(150%,0);
  transform: translate(150%,0);
}

.sidebar > div:hover .popup, .sidebar > div:active .popup {
  right: 0;
}

.csstransforms .sidebar > div:hover .popup, .csstransforms .sidebar > div:active .popup {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.popup .bg-icon {
  position: absolute;
  right: -70px;
  bottom: -50px;
  opacity: 0.3;
  color: rgb(252, 225, 176);
  font-size: 15em;
  z-index: -1;
}


.sidebar .popup h4 {
  position: relative;
  margin: 0 0 10px;
  color: rgb(105, 75, 38);
}



/* --- Styleswitcher --- */
.styleswitcher .btn-css {
  border-color: transparent;
  font-size: 0.85em;
}




/* -- (Input) -- */
.search {
  float:right;
  width:225px;
  height:22px;
  margin:0 3px 0 0;
  border:1px solid #999999;
  border-radius:6px;
  background:#ffffff;
}
.searchLabel, .searchLabel, .searchElement, .searchText {
  font-size:0.85em;
}

.search input#raw {
  float:left;
  width:183px;
  height:15px;
  margin:0;
  border:0;
  border-radius:0;
  padding:4px 5px 3px 9px;
  background:transparent;
  box-shadow:none;
  color:#9e7742;
  font-size:0.9em;
  line-height:1.25em;
}

.search input.submit {
  float:right;
  width:35px;
  height:35px;
  margin:-7px -7px 0 0;
  border:0;
  padding:0;
  background:transparent url(common/sprite-icons.png) -50px -80px no-repeat;
  box-shadow:none;
  font-size:0px;
  line-height:1px;
  color:#e7d9c2;
  cursor:pointer;
}
.search input.submit:hover {
  background-position:-50px -130px;
}


/* -- (Results) -- */
div.navTop {
  border-bottom:1px solid #fac971;
}
div.navBtm {
  margin-top:10px;
  border-top:1px solid #fac971;
}
div.navTop a, div.navBtm a {
  padding:0 5px;
}


.social {

  display: flex;
  grid-column-gap: 1.5rem;
  justify-content: center;
  padding: 1rem 0;

}


.social a {

  border: 0;
  color: rgb(158, 119, 66);
  display: block;
  font-size: 3em;
  line-height: 1;

}


.social a:hover, .social a:active {

  color: rgb(105, 75, 38);

}



/****************************************************/
/*    Special Objects                               */
/****************************************************/
/*------- Contact Form Teaser ----------------------*/

.before-content {
  position: relative;
  margin: 0 0 10px;
  padding: 10px 40% 10px 10px;
  background: #fac971;
  background-image: -webkit-radial-gradient(circle at center center,  #fce1b0, #fac971);
  background-image: radial-gradient(circle at center center,  #fce1b0, #fac971);
  z-index: 1;
}


.booking-teaser {
  position: relative;
  margin: 35px 0 0;
  padding: 0 10px;
  background: #fce1b0;
  background-image: -webkit-radial-gradient(circle at top right, rgba(250,201,114,0.4), rgba(250,201,114,0.8));
  background-image: radial-gradient(circle at top right,  rgba(250,201,114,0.4), rgba(250,201,114,0.8));
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
}

.booking-teaser::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 70%;
  border-radius: 70% 70% 0 0 / 100% 100% 0 0;
  background: rgba(242,148,0, 0.1) none repeat scroll 0 0;
  pointer-events: none;
}

.booking-teaser h1 {
  position: absolute;
  top: -35px;
  left: 10px;
  margin: 0;
  color: #694b26;
  font-family: 'LarissaRegular', serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4em;
  letter-spacing: 1.5px;
}


.booking-teaser .input-daterange {
  display: inline-block;
  margin: 10px 0;
}


.booking-teaser label span {
  font-family: 'LarissaRegular', serif;
  font-style: normal;
  font-weight: normal;
}

.booking-teaser input {
  width: 100px;
  margin: 0 15px 0 5px;
  text-align: center;
}

.booking-teaser .btn {
  margin: 10px 0;
  padding: 0px 10px 4px;
}



/* -- PARTNER LOGOS --------------------------------*/
.partner {
  position:relative;
  margin: 0 0 10px;
  border-radius: 2px;
  border: 2px solid #ffffff;
  background: #fff7e2;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
}

.partner h1 {
  margin: 0;
  padding: 10px 10px 5px;
  background: #fac971;
  color: #694b26;
  font-family: 'LarissaRegular', serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4em;
  letter-spacing: 1.5px;
}


.partner ul {
  margin: 0;
  padding: 20px 0;
  list-style: none;
}

.partner li {
  margin: 0;
  padding: 0;
  background: transparent;
  text-align: center;
}



.partner li a {
  position: relative;
  display: inline-block;
  width: 155px;
  height: 75px;
  border: 0;
  background-image: url(partner-logos-sprite-20240822-v2.jpg);
  background-repeat: no-repeat;
  text-decoration: none;
}


.partner li a.hc {
  width: 150px;
  height: auto;
  margin: 0 0 20px;
  background: transparent;
}

.partner li a.hc img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}



.partner li a span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 155px;
  height: 75px;
  background-image: url(partner-logos-sprite-20240822-v2.jpg);
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  cursor: pointer;
  text-decoration: none;
}



.partner li a.urlaubsreifA {
  background-position: 0px 0px;
}
.partner li a.urlaubsreifA span {
  background-position: 0px -105px;
}

.partner li a.urlaubsreifD {
  padding: 5px 0 0 0;
  background-position: -370px 5px;
}
.partner li a.urlaubsreifD span {
  padding: 5px 0 0 0;
  background-position: -370px -100px;
}

.partner li a.grossarl {
  background-position: -185px 0px;
}
.partner li a.grossarl span {
  background-position: -185px -105px;
}

.partner li a.skiline {
  background-position: -555px 0px;
}
.partner li a.skiline span {
  background-position: -555px -105px;
}

.partner li a.euroreise {
  background-position: -740px 0px;
}
.partner li a.euroreise span {
  background-position: -740px -105px;
}


.partner li a.sport2000 {
  background-position: -925px 0px;
}
.partner li a.sport2000 span {
  background-position: -925px -105px;
}


.partner li a.skiamade {
  background-position: -1110px 0px;
}
.partner li a.skiamade span {
  background-position: -1110px -105px;
}


.no-touchevents .partner li a:hover span, .no-touchevents .partner li a:active span {
  opacity: 1;
  text-decoration: none;
}



/* --- CLOSE BUTTON --- */
.labeled-icon {
  position: absolute;
  display: block;
  top: 5%;
  right: 2%;
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: rgba(0,0,0,0.2);
  z-index: 5;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.no-touchevents .labeled-icon:hover, .no-touchevents .labeled-icon:active {
  background: rgba(255,255,255,0.6);
}

.labeled-icon .icon {
  position: relative;
  display: block;
  width:  50%;
  height: 50%;
  margin: 25% 0 0 25%;
  background: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

button.labeled-icon .icon {
  margin-top: 0;
}

.no-csstransforms .labeled-icon .icon {
  background: transparent url(sprite-icons.png) 3px -75px no-repeat;
}

.no-touchevents .labeled-icon:hover .icon, .no-touchevents .labeled-icon:active .icon {
  background: transparent;
}

.no-csstransforms.no-touchevents .labeled-icon:hover .icon, .no-csstransforms.no-touchevents .labeled-icon:active .icon {
  background: transparent url(sprite-icons.png) 10px 10px no-repeat;
}



.labeled-icon .icon::before, .labeled-icon .icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 45%;
  width: 3px;
  height: 100%;
  background: rgb(255,255,255);
  backface-visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;

}


.labeled-icon .icon::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.labeled-icon .icon::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}


.no-touchevents .labeled-icon:hover .icon::before, .no-touchevents .labeled-icon:active .icon::before,
.no-touchevents .labeled-icon:hover .icon::after, .no-touchevents .labeled-icon:active .icon::after {
  background: rgb(0,0,0);
}

.no-csstransforms .labeled-icon .icon::before, .no-csstransforms .labeled-icon .icon::after {
  display: none;
}


.labeled-icon i {
  display: none;
}

.no-csstransforms .labeled-icon i {
  display: block;
}




/* --- LOADER ICON --- */

.loader {
  position: fixed;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.25);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
  z-index: -1;
}

/* --- pages in bildergalerie --- */
.gallery-page .loader {
  background: rgba(255,255,255,0.7);
}

.form-modal .loader {
  background: transparent;
}

/* --- loader in overlay --- */
.overlay > .loader {
  opacity: 1;
  visibility: visible;
}

.loader.view {
  opacity: 1;
}

.loader.hide {
  opacity: 0;
}

.loader span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  padding: 0;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 15em;
  font-size: calc(100% + 20vw);
  line-height: 1;
  color: rgb(255,255,255);
}

/* --- pages in bildergalerie --- */
.gallery-page .loader span {
  background: rgba(0,0,0,0.2);
}






/*!
 * Datepicker for Bootstrap v1.5.0-dev (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */


.ui-datepicker a {
  border: 0;
}


.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown::before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown::after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left::before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left::after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right::before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right::after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom::before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom::after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top::before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top::after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #fff7e2;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fce1b0;
  background-image: -webkit-linear-gradient(top, #fce1b0, #FFD68F);
  background-image: linear-gradient(top, #fce1b0, #FFD68F);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #FFD68F;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #f29400;
  background-image: -webkit-linear-gradient(top, #f29400, #DF8800);
  background-image: linear-gradient(top, #f29400, #DF8800);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #DF8800;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #f29400;
  background-image: -webkit-linear-gradient(top, #f29400, #DF8800);
  background-image: linear-gradient(top, #f29400, #DF8800);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #DF8800;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #333333;
  font-size: 13px;
  line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 4px 5px;
}

.ix-slider {
  position: relative;
  padding: 0;
}

.ix-slider .slides {
  position: relative;
  height: 0;
  margin: 0 -3px;
  padding: 0 0 24%;
  overflow: hidden;
}

.ix-slider .slide {
  position: absolute;
  top: 0;
  left: -200%;
  width: 33.333%;
  visibility: hidden;
  z-index: 1;
  box-sizing: border-box;
}

.ix-slider .ix-middle {
  left: 33.333%;
  visibility: visible;
}
.ix-slider .ix-left {
  left: 0;
  visibility: visible;
}

.ix-slider .outer-left {
  left: -135%;
  visibility: visible;
}

.ix-slider .ix-right {
  left: 66.6667%;
  visibility: visible;
}

.ix-slider .outer-right {
  left: 135%;
  visibility: visible;
}


.ix-slider a {
  position: relative;
  display: block;
  margin: 3px;
  border-radius: 2px;
  border: 2px solid #ffffff;
  padding: 0 0 66%;
  background: #694b26;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
  overflow: hidden;
  color: #694b26;
  text-decoration: none;
  box-sizing: border-box;
}

.ix-slider a:hover, .ix-slider a:active {
  border: 2px solid #ffffff;
}


/* --- object content --- */

.ix-slider .ix-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 10px;
  background: #fac971;
  background: rgba(250,201,114,0.9);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}


.ix-slider .ix-title {
  display: block;
  font-family: 'Times New Roman', serif;
  font-size: 1.4em;
  line-height: 1.25;
  font-style: italic;
  color: #694b26;
}

.ix-slider .ix-subtitle {
  display: block;
  font-size: 0.85em;
  line-height: 1.25;
  color: #694b26;
}


.ix-slider .ix-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.touchevents .ix-slider .ix-img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.no-touchevents .ix-slider a:hover .ix-img, 
.no-touchevents .ix-slider a:active .ix-img, 
.no-touchevents .ix-slider a:focus .ix-img {
  opacity: 0.5;
  -webkit-transform: scale(1);
  transform: scale(1);
}



.ix-slider .ix-img img {
  display: none;
}




.ix-slider .ix-desc {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  width: 75%;
  padding: 8px;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #ffffff;
  text-align: right;
}


.touchevents .ix-slider .ix-desc {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}


.no-touchevents .ix-slider a:hover .ix-desc,
.no-touchevents .ix-slider a:active .ix-desc,
.no-touchevents .ix-slider a:focus .ix-desc {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}


.ix-slider .ix-desc-desc {
  display: block;
}

.touchevents .ix-slider .ix-desc .ix-desc-desc {
  display: none;
}

.ix-slider .ix-more {
  display: inline-block;
  margin: 0;
  padding: 0 10px 4px;
}

.ix-slider .ix-more span {
  display: inline-block;
}






/* --- NAV BUTTONS --- */
.ix-slider .nav {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  width: 40px;
  border: 0;
  z-index: 2;
  cursor: pointer;
}


.ix-slider .nav.prev {
  left: 0;
  -webkit-transform: translate(-75%, 0);
  transform: translate(-75%, 0);
}


.ix-slider .nav.next {
  right: 0;
  -webkit-transform: translate(75%, 0);
  transform: translate(75%, 0);
}

.ix-slider .nav span {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
  padding: 0 7px 10px 3px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

.ix-slider .nav.next span {
  padding: 0 3px 10px 7px;
}


.ix-slider .nav.next .loading, .ix-slider .nav.prev .loading {
  padding: 6px 6px 4px 4px;
  background: #694b26;
  color: #ffffff;
}



/* --- animations --- */

/* --- NEXT --- */

.ix-middle.moveToLeft {
  -webkit-animation: middleToLeft .6s ease both;
  animation: middleToLeft .6s ease both;
}

.ix-left.moveToLeft {
  -webkit-animation: leftToLeft .6s ease both;
  animation: leftToLeft .6s ease both;
}

.ix-right.moveToLeft {
  -webkit-animation: rightToLeft .6s ease both;
  animation: rightToLeft .6s ease both;
}

.outer-right.moveFromRight {
  -webkit-animation: outerFromRight .6s ease both;
  animation: outerFromRight .6s ease both;
}


/* --- PREV --- */

.ix-middle.moveToRight {
  -webkit-animation: middleToRight .6s ease both;
  animation: middleToRight .6s ease both;
}

.ix-left.moveToRight {
  -webkit-animation: leftToRight .6s ease both;
  animation: leftToRight .6s ease both;
}

.ix-right.moveToRight {
  -webkit-animation: rightToRight .6s ease both;
  animation: rightToRight .6s ease both;
}

.outer-left.moveFromLeft {
  -webkit-animation: outerFromLeft .6s ease both;
  animation: outerFromLeft .6s ease both;
}


/********************************* keyframes **************************************/

/* --- LARGE (STANDARD) --- */
@-webkit-keyframes middleToLeft {
  0% {left: 33.333%;}
  20% {left: 33.333%;}
  80% {left: 0%;}
  100% {left: 0%;}
}
@keyframes middleToLeft {
  0% {left: 33.333%;}
  20% {left: 33.333%;}
  80% {left: 0%;}
  100% {left: 0%;}
}

@-webkit-keyframes leftToLeft {
  0% {left: 0%;}
  50% {left: -35%;}
  100% {left: -35%;}
}
@keyframes leftToLeft {
  0% {left: 0%;}
  50% {left: -35%;}
  100% {left: -35%;}
}

@-webkit-keyframes rightToLeft {
  0% {left: 66.6667%;}
  20% {left: 66.6667%;}
  80% {left: 33.333%;}
  100% {left: 33.333%;}
}

@keyframes rightToLeft {
  0% {left: 66.6667%;}
  20% {left: 66.6667%;}
  80% {left: 33.333%;}
  100% {left: 33.333%;}
}


@-webkit-keyframes outerFromRight {
  0% {left: 105%;}
  40% {left: 105%;}
  100% {left: 66.6667%;}
}
@keyframes outerFromRight {
  0% {left: 105%;}
  40% {left: 105%;}
  100% {left: 66.6667%;}
}


@-webkit-keyframes middleToRight {
  0% {left: 33.333%;}
  20% {left: 33.333%;}
  80% {left: 66.6667%;}
  100% {left: 66.6667%;}
}
@keyframes middleToRight {
  0% {left: 33.333%;}
  20% {left: 33.333%;}
  80% {left: 66.6667%;}
  100% {left: 66.6667%;}
}

@-webkit-keyframes leftToRight {
  0% {left: 0%;}
  20% {left: 0%;}
  80% {left: 33.333%;}
  100% {left: 33.333%;}
}
@keyframes leftToRight {
  0% {left: 0%;}
  20% {left: 0%;}
  80% {left: 33.333%;}
  100% {left: 33.333%;}
}

@-webkit-keyframes rightToRight {
  0% {left: 66.6667%;}
  50% {left: 105%;}
  100% {left: 105%;}
}
@keyframes rightToRight {
  0% {left: 66.6667%;}
  50% {left: 105%;}
  100% {left: 105%;}
}


@-webkit-keyframes outerFromLeft {
  0% {left: -35%;}
  40% {left: -35%;}
  100% {left: 0%;}
}
@keyframes outerFromLeft {
  0% {left: -35%;}
  40% {left: -35%;}
  100% {left: 0%;}
}


/* --- MEDIUM --- */
@-webkit-keyframes middleToLeftMedium {
  0% {left: 0%;}
  20% {left: 0%;}
  80% {left: -55%;}
  100% {left: -55%;}
}
@keyframes middleToLeftMedium {
  0% {left: 0%;}
  20% {left: 0%;}
  80% {left: -55%;}
  100% {left: -55%;}
}


@-webkit-keyframes rightToLeftMedium {
  0% {left: 50%;}
  20% {left: 50%;}
  80% {left: 0%;}
  100% {left: 0%;}
}
@keyframes rightToLeftMedium {
  0% {left: 50%;}
  20% {left: 50%;}
  80% {left: 0%;}
  100% {left: 0%;}
}


@-webkit-keyframes outerFromRightMedium {
  0% {left: 105%;}
  40% {left: 105%;}
  100% {left: 50%;}
}
@keyframes outerFromRightMedium {
  0% {left: 105%;}
  40% {left: 105%;}
  100% {left: 50%;}
}


@-webkit-keyframes middleToRightMedium {
  0% {left: 0%;}
  20% {left: 0%;}
  80% {left: 50%;}
  100% {left: 50%;}
}
@keyframes middleToRightMedium {
  0% {left: 0%;}
  20% {left: 0%;}
  80% {left: 50%;}
  100% {left: 50%;}
}

@-webkit-keyframes rightToRightMedium {
  0% {left: 50%;}
  50% {left: 105%;}
  100% {left: 105%;}
}
@keyframes rightToRightMedium {
  0% {left: 50%;}
  50% {left: 105%;}
  100% {left: 105%;}
}


@-webkit-keyframes outerFromLeftMedium {
  0% {left: -55%;}
  40% {left: -55%;}
  100% {left: 0%;}
}
@keyframes outerFromLeftMedium {
  0% {left: -55%;}
  40% {left: -55%;}
  100% {left: 0%;}
}





/* --- SMALL --- */
@-webkit-keyframes middleToLeftSmall {
  0% {left: 0%;}
  20% {left: 0%;}
  80% {left: -105%;}
  100% {left: -105%;}
}
@keyframes middleToLeftSmall {
  0% {left: 0%;}
  20% {left: 0%;}
  80% {left: -105%;}
  100% {left: -105%;}
}

@-webkit-keyframes outerFromRightSmall {
  0% {left: 105%;}
  40% {left: 105%;}
  100% {left: 0%;}
}
@keyframes outerFromRightSmall {
  0% {left: 105%;}
  40% {left: 105%;}
  100% {left: 0%;}
}


@-webkit-keyframes middleToRightSmall {
  0% {left: 0%;}
  20% {left: 0%;}
  80% {left: 105%;}
  100% {left: 105%;}
}
@keyframes middleToRightSmall {
  0% {left: 0%;}
  20% {left: 0%;}
  80% {left: 105%;}
  100% {left: 105%;}
}

@-webkit-keyframes outerFromLeftSmall {
  0% {left: -105%;}
  40% {left: -105%;}
  100% {left: 0%;}
}
@keyframes outerFromLeftSmall {
  0% {left: -105%;}
  40% {left: -105%;}
  100% {left: 0%;}
}

.prices {
  position: relative;
  clear: both;
  margin: 30px 0;
}


.prices .season {
  position: relative;
  display: none;
  border-radius: 2px;
  border: 2px solid #ffffff;
  padding: 10px;
  background: #fff7e2;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
}

.prices .season.active {
  display: block;
}

.prices ul {
  margin: 0;
  padding: 0;
  overflow: inherit;
}

.prices li {
  position: relative;
  display: inline-block;
  margin: 0;
  border: 2px solid #ffffff;
  padding: 10px 20px 0;
  background: #fff7e2;
  box-shadow: 0 0 3px rgba(105,75,38, 0.3);
  vertical-align: bottom;
  cursor: pointer;
}

.prices li.active {
  background: #fff7e2;
  z-index: 1;
}


.prices li.active::after {
  content: "";
  position: absolute;
  top: 100%;
  right: -2px;
  left: -2px;
  height: 5px;
  border-right: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  background: #fff7e2;
}


.prices li span {
  display: inline-block;
  padding: 0;
  font-family:'LarissaRegular',serif;
  font-size: 1.4em;
  letter-spacing: 1.5px;
  font-style: normal;
  color: #9e7742;
  vertical-align: middle;
}

.prices li span::before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 45px;
  background-image: url(price-seasons.png);
  background-repeat: no-repeat;
  padding: 0 10px 0 0;
  vertical-align: middle;
}

.prices li[data-tab-target="sommer"] span::before {
  background-position: 0 -65px;
}

.prices li[data-tab-target="winter"] span::before {
  background-position: 0 0;
}


.prices li.active span {
  color: #694b26;
}


.js-toggle {
  margin: 2px 0;
}

.js-toggle:last-child {
  margin-bottom: 0;
}

.price-table .js-toggle-headline {
  position: relative;
  margin: 0;
  padding: 10px 40px 10px 10px;
  background: #fce1b0;
  color: #694b26;
  cursor: pointer;
}

.price-table .js-toggle-headline i, .js-toggle-headline i {
  position: absolute;
  display: block;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.85em;
  line-height: 1em;
}

.js-toggle-body {
  display: none;
}


.price-table div > span {
  display: block;
  border: 1px solid #e7d9c2;
  border-top: 0;
  padding: 0 10px;
}


.price-table div > span:first-child {
  border-top: 1px solid #e7d9c2;
}

.price-table div > span:nth-child(2n + 1) {
  background: #fffbf4;
}

.price-table div > span:nth-child(2n) {

}


.price-table div > span span {
  display: inline-block;
  width: 50%;
  padding: 5px 0;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}


.prices .small {
  margin: 10px 0 0;
} 

#weather {
  position:absolute;
  top:0;
  right:10px;
  width:200px;
  height:82px;
  clear:both;
}

#weather a.currIcon, #weather a.currIcon:link, #weather a.currIcon:visited {
  position:absolute;
  top:0;
  left:0;
  width:100px;
  height:72px;
  border:0;
  padding:10px 100px 0 0;
  background-color:transparent;
  background-image:url(weather_icons_sprite.png);
  background-repeat:no-repeat;
  text-decoration:none;
}

#weather a.currIcon {
  background-position:-500px 0;
}
.ie6 #weather a.currIcon, .ie6 #weather a.currIcon:link, .ie6 #weather a.currIcon:visited {
  background-image:url(weather_icons_sprite_ie.gif);
}
#weather a.snow {background-position:105px 0;}
#weather a.sleet {background-position:105px 0;}
#weather a.icy {background-position:105px 0;}

#weather a.showers {background-position:-95px 0;}
#weather a.rain {background-position:-95px 0;}

#weather a.cloudy {background-position:-300px 10px;}
#weather a.dust {background-position:-300px 10px;}
#weather a.fog {background-position:-300px 10px;}
#weather a.smoke {background-position:-300px 10px;}
#weather a.haze {background-position:-300px 10px;}

#weather a.sunny {background-position:-500px 0;}

#weather a.storm {background-position:-695px 0;}
#weather a.chance_of_storm {background-position:-695px 0;}
#weather a.thunderstorm {background-position:-695px 0;}
#weather a.chance_of_tstorm {background-position:-695px 0;}

#weather a.chance_of_snow {background-position:-500px -100px;}
#weather a.flurries {background-position:-500px -100px;}

#weather a.chance_of_rain {background-position:-500px -200px;}
#weather a.mist {background-position:-500px -200px;}

#weather a.mostly_sunny {background-position:-500px -300px;}
#weather a.partly_cloudy {background-position:-500px -300px;}
#weather a.mostly_cloudy {background-position:-500px -300px;}

#weather .currCond {
  position:relative;
  display:block;
  width:100px;
  color:#694b26;
  text-align:right;
}
#weather .currTemp {
  position:relative;
  display:block;
  width:100px;
  height:20px;
  color:#694b26;
  text-align:right;
}
.wToday {
  display:block;
  width:400px;
  padding:20px 0;
}
.wToday .currIcon, .wForecast .currIcon {
  position:relative;
  float:left;
  width:100px;
  height:82px;
  padding:0;
  background-color:transparent;
  background-image:url(weather_icons_sprite.png);
  background-repeat:no-repeat;
  background-position:-500px 0;
}
.wToday .currIcon {
  margin-right:10px;
}
.wForecast .currIcon {
  float:none;
}
.ie6 .wToday .currIcon, .ie6 .wForecast .currIcon {
  background-image:url(weather_icons_sprite_ie.gif);
}
.wToday .wCond {
  position:relative;
  display:block;
  width:300px;
  padding:0 0 5px 0;
}
.wToday .wHum {
  position:relative;
  display:block;
  width:300px;
  padding:0 0 5px 0;
}
.wToday .wWind {
  position:relative;
  display:block;
  width:300px;
  padding:0 0 5px 0;
}
.wForecast {
  display:block;
  width:480px;
  border-top:1px solid #fce1b0;
  padding:20px 0 0 0;
  overflow:auto;
}
.wForecast ul {
  display:block;
  width:100%;
  margin:0;
  padding:0;
}
.wForecast ul li {
  float:left;
  width:100px;
  padding:0 15px 0 0;
  background:transparent;
}
.wForecast span {
  display:block;
  width:90px;
  padding:0 0 5px 10px;
}

.wToday .snow, .wForecast .snow {background-position:5px 0;}
.wToday .sleet, .wForecast .sleet {background-position:5px 0;}
.wToday .icy, .wForecast .icy {background-position:5px 0;}

.wToday .showers, .wForecast .showers {background-position:-195px 0;}
.wToday .rain, .wForecast .rain {background-position:-195px 0;}

.wToday .cloudy, .wForecast .cloudy {background-position:-400px 10px;}
.wToday .dust, .wForecast .dust {background-position:-400px 10px;}
.wToday .fog, .wForecast .fog {background-position:-400px 10px;}
.wToday .smoke, .wForecast .smoke {background-position:-400px 10px;}
.wToday .haze, .wForecast .haze {background-position:-400px 10px;}

.wToday .sunny, .wForecast .sunny {background-position:-600px 0;}

.wToday .storm, .wForecast .storm {background-position:-795px 0;}
.wToday .chance_of_storm, .wForecast .chance_of_storm {background-position:-795px 0;}
.wToday .thunderstorm, .wForecast .thunderstorm {background-position:-795px 0;}
.wToday .chance_of_tstorm, .wForecast .chance_of_tstorm {background-position:-795px 0;}

.wToday .chance_of_snow, .wForecast .chance_of_snow {background-position:-600px -100px;}
.wToday .flurries, .wForecast .flurries {background-position:-600px -100px;}

.wToday .chance_of_rain, .wForecast .chance_of_rain {background-position:-600px -200px;}
.wToday .mist, .wForecast .mist {background-position:-600px -200px;}

.wToday .mostly_sunny, .wForecast .mostly_sunny {background-position:-600px -300px;}
.wToday .partly_cloudy, .wForecast .partly_cloudy {background-position:-600px -300px;}
.wToday .mostly_cloudy, .wForecast .mostly_cloudy {background-position:-600px -300px;}





/* --- ul --- */
.js-toggle-container {
  margin: 1rem 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}

.column .js-toggle-container {
  padding: 0;
}

.content > .js-toggle-container,
.contentBar .container[data-content-width="0"] .js-toggle-container {
  max-width: 65.8767%;
}

.layout0 .content > .js-toggle-container {
  max-width: 100%;
}

.contentBar .section-content.justify2 .js-toggle-container {
  margin: 0 auto;
}

.js-toggle-body .js-toggle-container {
  margin: 0;
}

/* --- li --- */
.js-toggle {
  position: relative;
  margin: 1rem 0;
  padding: 1px 0;
}

/* --- background --- */
.js-toggle {
  margin: 1rem 0;
}

/* --- border & consent manager --- */
.bg-border .js-toggle {
  margin: 0;
  border-bottom: 1px solid rgb(153,153,153);
  padding-top: 1em;
  padding-bottom: 1em;
}

.bg-border .js-toggle:first-child {
  border-top: 1px solid rgb(153,153,153);
}

.bg-border .js-toggle .js-toggle:first-child {
  border-top: 0;
}

.bg-border .js-toggle .js-toggle:last-child {
  border-bottom: 0;
}


.js-toggle:only-child {
  margin: 0;
}



/* --- headline --- */
.js-toggle > .js-toggle-headline {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  cursor: pointer;
}


.js-toggle .js-toggle > .js-toggle-headline {
  font-size: 1em;
}




/* --- icon --- */
.js-toggle > .js-toggle-headline .headline-icon {
  width: 3rem;
  text-align: center;
  flex-shrink: 0;
}


.column .js-toggle > .js-toggle-headline .headline-icon {
  width: 2rem;
}

.js-toggle > .js-toggle-headline .headline-icon::before {
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform-origin: center;
  transform-origin: center;
  font-family: FontAwesome;
  font-size: 0.85em;
  line-height: 1;
  font-weight: 900;
}



/* --- plus --- */
.js-toggle > .js-toggle-headline .headline-icon::before {
  content: "\f067";
}

.js-toggle.open > .js-toggle-headline .headline-icon::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}



/* --- title --- */
.js-toggle > .js-toggle-headline .headline-title {
  flex-grow: 1;
}

/* --- body --- */
.js-toggle > .js-toggle-body {
  display: none;
  margin-top: 0;
  margin-left: 3rem;
}


/* --- consent manager --- */
.cm-options .js-toggle > .js-toggle-body {
  margin-right: 0;
  margin-left: 0;
}




/* --- lazy load icon --- */
.lazy {
  opacity: 0;
}

.lores {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.ps-wait, .lores.ps-wait, .lores.hide {
  opacity: 0;
}

.lores.hidden,
.media-gallery .gal-img.lores.hidden {
  display: none;
}


.overlay .lazy {
  display: none;
}

.pageoverlay-item.new .lazy,
.pageoverlay-item.active .lazy {
  display: block;
}






.lazy-loader,
.index .lazy-loader {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}

.lazy + .lazy-loader {
  opacity: 1;
  visibility: visible;
}

.lazy.ps-wait + .lazy-loader {
  opacity: 0;
}

.iSlider .lazy-loader {
  z-index: 0;
}


.ZMSGraphic .graphic img.lazy {
  position: absolute;
}

.graphic .lazy + .lazy-loader {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background-color: rgb(255, 251, 244);
}

.img-noscript ~ .lazy-loader {
  display: none;
}

.ix-full .lazy-loader {
  bottom: auto;
  height: 0;
  padding: 0 0 50%;
}

.ix-bild .lazy-loader {
  background-color: rgba(255,255,255,0.5);
}


.lazy-loader span,
.index .lazy-loader span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  font-size: 2rem;
  line-height: 1;
  color: rgb(153,153,153);
}


.iSlider {
  position: relative;
  width:  100%;
  max-width: 1920px;
  margin: 0 auto;
  height: 100%;
  height: 10vh;
  background: rgb(250, 201, 113);
}

.no-opacity .iSlider {
  height: 0;
  padding: 0 0 60%;
}

.iSlider::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(-50vw + 50%);
  bottom: 0;
  left: calc(-50vw + 50%);
  background: rgb(250, 201, 113);
}


.iSlider .gallery-page {
  width: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}


.iSlider .wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.iSlider .wrap.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.iSlider .wrap.new {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.iSlider .gallery-item {
  overflow: hidden;
}

.iSlider .item-container {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}



.iSlider .item-container::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  margin: 0 0 0 -1px;
  vertical-align: middle;
}


.iSlider .item-container .item-img {
  position: absolute;
  display: block;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover, cover;
  background-repeat: no-repeat;
  overflow: hidden;
}


.iSlider .item-container[data-orientation="1"] .item-img {
  background-position: left top;
}

.iSlider .item-container[data-orientation="2"] .item-img {
  background-position: center top;
}

.iSlider .item-container[data-orientation="3"] .item-img {
  background-position: right top;
}

.iSlider .item-container[data-orientation="4"] .item-img {
  background-position: right center;
}

.iSlider .item-container[data-orientation="5"] .item-img {
  background-position: right bottom;
}

.iSlider .item-container[data-orientation="6"] .item-img {
  background-position: center bottom;
}

.iSlider .item-container[data-orientation="7"] .item-img {
  background-position: left bottom;
}

.iSlider .item-container[data-orientation="8"] .item-img {
  background-position: left center;
}


.iSlider .item-container .video-html5 video {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: rgb(255,255,255);
}




/* --- CONTENT --- */

.gallery-item .item-info {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  opacity: 0;
  visibility: hidden;
  align-content: center;
  align-items: center;
  justify-content: center;
  -webkit-transform: translate(0,75px);
  transform: translate(0,75px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.gallery-item .item-info.layout0.col1 {
  justify-content: flex-start;
}

.gallery-item .item-info.layout1.col1 {
  justify-content: flex-end;
}



.gallery-item .item-info.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
  visibility: visible;
}

.gallery-item .item-text h2 {
  font-size: 3em;
  line-height: 1.35;
}

.gallery-item .item-text {
  position: relative;
  display: inline-block;
  width: 49.1817%;
  margin: 0;
  padding: 1em;
  background: rgba(255,255,255,0.7);
  box-sizing: border-box;
  color: rgb(105, 75, 38);
  text-align: left;
}

.gallery-item .layout1 .item-text {
  order: 2;
}

.gallery-item .item-text *:first-child {
  margin-top: 0;
}

.gallery-item .item-text *:last-child {
  margin-bottom: 0;
}


.gallery-item .item-text span {
  display: block;
}

.gallery-item .item-text .btn, .gallery-item .item-text .btn span {
  display: inline-block;
}


.gallery-item .item-graphic {
  position: relative;
  display: inline-block;
  width: 49.1817%;
  margin: 0;
  text-align: center;
}

.gallery-item .layout0 .item-graphic {
  margin-left: 1.6%;
}

.gallery-item .layout1 .item-graphic {
  order: 1;
  margin-right: 1.6%;
}

.gallery-item .item-graphic img {
  display: inline-block;
  width:  auto;
  max-width: 100%;
  height: auto;
}



/* --- NAV BUTTONS --- */

.iSlider .slidetabs {
  position: absolute;
  right:  2%;
  bottom: 2%;
  margin: 0;
  z-index: 5;
}



/* --- SCROLL ICON --- */

.scrollicon {
  position: absolute;
  bottom: 5%;
  left:   50%;
  margin: 0 0 0 -25px;
  border-radius: 50%;
  border: 2px solid rgb(105, 75, 38);
  padding: 0 10px 1px;
  font-size: 3em;
  line-height: 1;
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.scrollicon:hover {
  opacity: 1;
}





/****************************************************/
/*    Screen Sizes                                  */
/****************************************************/
@media (max-width:1440px) {

  .hero + .middle .page, #map + .middle .page, .iSlider + .middle .page {
    margin: 40% 0 0;
  }


  .slideObj .slideContent {
    padding: 0 0 40%;
  }

}


@media (max-width:1100px) {

  header, .container, .slideObj .slideContent {
    width: 92%;
  }

}



@media (max-width: 1025px) {


  header {
    padding-left: 185px;

  }

  .logo {
    left: 10px;
  }

  .logo a {
    width: 135px;
  }

  .menu {
    padding: 10px 50px 10px 0;
  }

  .menu a {
    border-radius: 10px;
    padding: 8px 12px 6px;
    font-size: 0.9em;
  }

  .slideObj .slideText {
    bottom: 25px;
  }


  .slideObj .slideText .slideTitle {
    font-size: 2.6em;
  }

   .icon-cal, .top-header.wide .icon-cal, .top-header.reduced .icon-cal {
    bottom: 10px;
  }

  .vTour {
    bottom: 1px;
  }



  /* --- INDEX SLIDER --- */

  .ix-slider {
    text-align: right;
  }


  .ix-slider .slides {
    padding: 0 0 36%;
    text-align: left;
  }

  .ix-slider .slide {
    width: 50%;
  }

  .ix-slider .ix-middle {
    left: 0;
  }

  .ix-slider .ix-left {
    left: -200%;
    visibility: hidden;
  }

  .ix-slider .outer-left {
    left: -150%;
  }

  .ix-slider .ix-right {
    left: 50%;
  }

  .ix-slider .outer-right {
    left: 150%;
  }



  .ix-slider .nav {
    position: relative;
    display: inline-block;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0 10px 15px;
    vertical-align: top;
  }


  .ix-slider .nav.prev, .ix-slider .nav.next {
    -webkit-transform: none;
    transform: none;
  }



  .ix-slider .nav span {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    padding: 0 5px 10px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }



  .ix-middle.moveToLeft {
    -webkit-animation: middleToLeftMedium .6s ease both;
    animation: middleToLeftMedium .6s ease both;
  }

  .ix-right.moveToLeft {
    -webkit-animation: rightToLeftMedium .6s ease both;
    animation: rightToLeftMedium .6s ease both;
  }

  .outer-right.moveFromRight {
    -webkit-animation: outerFromRightMedium .6s ease both;
    animation: outerFromRightMedium .6s ease both;
  }


  .ix-middle.moveToRight {
    -webkit-animation: middleToRightMedium .6s ease both;
    animation: middleToRightMedium .6s ease both;
  }

  .ix-right.moveToRight {
    -webkit-animation: rightToRightMedium .6s ease both;
    animation: rightToRightMedium .6s ease both;
  }

  .outer-left.moveFromLeft {
    -webkit-animation: outerFromLeftMedium .6s ease both;
    animation: outerFromLeftMedium .6s ease both;
  }


  .content > .js-toggle-container,
.contentBar .container[data-content-width="0"] .js-toggle-container {
  max-width: 100%;
}




.js-toggle > .js-toggle-headline .headline-icon {
  width: 2rem;
  text-align: left;
}

.js-toggle .js-toggle > .js-toggle-headline .headline-icon {
  width: 1.5rem;
}

.js-toggle > .js-toggle-body {
  margin-right: 0;
  margin-left: 0;
}

.js-toggle-body .js-toggle-container {
  margin-left: 2rem;
}

.js-toggle .js-toggle > .js-toggle-body {
  margin-right: 0;
  margin-left: 0;
}








}



/* --- TABLET PORTRAIT --- */
@media (max-width: 800px) {

  .hero + .middle .page, #map + .middle .page, .iSlider + .middle .page {
    margin: calc(45% + 55px) 0 0;
  }


  .slideObj .slideContent {
    width: 100%;
    padding: 0 0 45%;
  }


  .container {
    top: auto;
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 0 0 80px;
    background: #fffbf4;
    box-shadow: none;
  }

  .layout0 .content, .layout1 .content {
    width: 100%;
    margin: 0;
    border-radius: 0;
    border: 0;
    padding: 10px;
    background: transparent;
    box-shadow: none;
  }

  .layout0 .content.col-teaser, .layout1 .content.col-teaser {
    margin: 0;
    padding: 10px;
  }


  .hero {
    bottom: auto;
    margin: 55px 0 0;
    padding: 0 0 45%;
  }


  .top-header {
    position: fixed;
  }

  header {
    width: 100%;
    height: 55px;
    border-radius: 0;
    border: 0;
    padding: 0;
    background: #fff7e2;
    background-image: -webkit-linear-gradient(to bottom, #ffffff 0%, #ffffff 30%, #fff7e2 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 30%, #fff7e2 100%);
    text-align: right;
  }

  header::before {
    display: none;
  }

  .logo {
    left: 0;
    border-radius: 0;
    padding: 10px;
    background: transparent;
    box-shadow: none;
  }

  .logo a, .top-header.wide .logo a, .top-header.reduced .logo a {
    width: 117px;
    height: 35px;
    padding: 0;
  }

  .logo a .egger {
    top: 0;
  }

  .logo a .family, .logo a .stars {
    display: none;
  }

  .sTrigger {
    display: inline-block;
  }

  .icon-cal, .top-header.wide .icon-cal, .top-header.reduced .icon-cal {
    display: block;
    right: 60px;
    bottom: 16px;
  }

  .vTour.media-gallery {
    right: 115px;
    bottom: 5px;
  }


  .menu, .right .macronav, header .address, header .translate {
    display: none;
  }


  .right {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .partner {
    border-radius: 0;
    border: 0;
    box-shadow: none;
  }

  #teaser {
    width: 100%;
    margin: 15px 0 0;
    border-top:1px solid #fce1b0;
    padding: 0 10px;
  }

  .partner ul {
    padding: 10px;
  }


  #teaser .ZMSTeaserElement, .partner li {
    display: inline-block;
    width: calc(50% - 5px);
    margin: 10px 5px;
    box-sizing: border-box;
    vertical-align: top;
  }

  #teaser .ZMSTeaserElement {
    background: #fff7e2;
  }

  #teaser .ZMSTeaserElement:first-child {
    margin-top: 10px;
  }

  #teaser .ZMSTeaserElement:nth-of-type(2n + 1), .partner li:nth-of-type(2n + 1) {
    margin-left: 0;
    clear: left;
  }

  #teaser .ZMSTeaserElement:nth-of-type(2n), .partner li:nth-of-type(2n) {
    margin-right: 0;
  }


  footer {
    padding: 10px;
  }

  footer .address {
    display: block;
    width: auto;
    padding: 10px 0;
    text-align: center;
  }

  footer h1 {
    border-bottom: 0;
  }

  footer .address ul {
    padding: 0;
  }

  footer .address li {
    padding: 5px;
  }


  footer ul li i.fa {
    position: relative;
    top: auto;
    left: auto;
    padding: 0 5px;
  }

  footer .quick-links {
    display: none;
  }


  .iSlider .slideItem {
    height: 0;
    margin: 55px 0 0;
    padding: 0 0 45%;
  }


  .slideObj .slideText {
    right: 0;
    width: auto;
    padding: 0 20px;
    text-align: left;
    bottom: 25px;
  }


  .index .ix2 li > a, .index .ix2 li > span, .tGrid .tImg a  {
    border: 0;
    box-shadow: none;
  }


  /* --- CLOSE BUTTON --- */
  .labeled-icon {
    top: 0;
    right: 0;
    border-radius: 0;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  .labeled-icon:hover span {
    opacity: 1;
  }



  .form-modal .conForm {
    padding: 2rem;
  }

  .conForm .formSend {
    padding-bottom: 50px;
  }


  .conForm div > span {
    padding-top: 15px;
  }

  .index li > a, .index li > span {
    background: #fff7e2;
  }


  .index .ix2 .ix-header {
    padding: 8px;
  }

  /* --- INDEX SLIDER --- */

  .ix-slider {
    padding: 10px;
  }

  .ix-slider .slides {
    padding: 0 0 69%;
  }

  .ix-slider .slide {
    width: 100%;
  }

  .ix-slider .ix-middle {
    left: 0;
  }

  .ix-slider .ix-right {
    left: -200%;
    visibility: hidden;
  }

  .ix-slider .outer-left {
    left: -200%;
  }

  .ix-slider .outer-right {
    left: 200%;
  }

  .ix-slider .ix-header {
    padding: 8px;
  }


  .ix-slider .nav {
    margin: 0 0 15px;
    width: 50%;
  }

  .ix-slider .nav span,
  .no-touchevents .ix-slider .nav:hover span, .no-touchevents .ix-slider .nav:active span {
    width: auto;
    border-radius: 2px;
    border: 0;
    background: #694b26;
    color: #ffffff;
  }

  .ix-slider .nav.prev span {
    margin-right: 5px;
  }

  .ix-slider .nav.next span {
    margin-left: 5px;
  }


  .ix-middle.moveToLeft {
    -webkit-animation: middleToLeftSmall .6s ease both;
    animation: middleToLeftSmall .6s ease both;
  }

  .outer-right.moveFromRight {
    -webkit-animation: outerFromRightSmall .6s ease both;
    animation: outerFromRightSmall .6s ease both;
  }


  .ix-middle.moveToRight {
    -webkit-animation: middleToRightSmall .6s ease both;
    animation: middleToRightSmall .6s ease both;
  }

  .outer-left.moveFromLeft {
    -webkit-animation: outerFromLeftSmall .6s ease both;
    animation: outerFromLeftSmall .6s ease both;
  }



  .before-content {
    display: none;
  }








  /* --- PRICE TABLE --- */
  .prices .season {
    border: 1px solid #e7d9c2;
    padding: 2px;
    box-shadow: none;
  }

  .prices li {
    border: 1px solid #e7d9c2;
    border-bottom: 0;
    box-shadow: none;
    opacity: 0.7;
  }

  .prices li.active {
    opacity: 1;
  }

  .prices li.active::after {
    right: -1px;
    left: -1px;
    height: 2px;
    border-left: 1px solid #e7d9c2;
    border-right: 1px solid #e7d9c2;
  }


}







@media (max-width: 600px) {


  .slideObj .slideText .slideTitle {
    font-size: 2em;
  }

  /* -- INDEX --- */
  .index li, .index .ix2 li {
    width: 100%;
    margin: 2% 0;
  }

  .index .ix-header {
    min-height: 0;
  }


  .index .ix1 li > a, .index .ix1 li > span {
    display: flex;
    flex-wrap: wrap;
  }

  .index .ix1 .ix-header {
    order: 2;
    width: 100%;
    box-sizing: border-box;
  }


  .index .ix1 .ix-img {
    order: 1;
    float: none;
    width: 100%;
    padding: 0 0 50%;
  }


  .index .ix1 .ix-desc {
    position: relative;
    order: 3;
    width: 100%;
    margin: 0;
    padding-bottom: 1rem;
    box-sizing: border-box;
  }


  .index .ix1 .ix-desc-desc {
    padding-bottom: 1rem;
  }


  .index .ix1 .ix-more {
    position: relative;
    right: auto;
    bottom: auto;

  }

  .ix-slider .slides {
    padding: 0 0 73%;
  }



  .form-modal.open {
    display: block;
  }

  .form-modal .modal-holder {
    width: 100%;
    max-height: calc(100vh - 50px);
    margin-top: 50px;
    box-shadow: none;
  }

  .form-modal .modal-holder::before {
    display: none;
  }


  .form-modal .conForm {
    margin: 0 4%;
    padding: 1rem 0 2rem;
  }

  .conForm section {
    width:100%;
  }

  .conForm .colL {
    width: 100%;
    padding: 0 0 15px;
  }

  .conForm .colR {
    width: 100%;
    padding: 0 0 15px;
  }


  .conForm .col3 {
    width: 100%;
    padding: 0 0 15px;
  }

  .conForm .double1 {
    width:100%;
    margin:0;
    padding:0 0 15px;
  }
  .conForm .double2 {
    width:100%;
    margin:0;
  }
}


/* --- SMARTPHONES QUERFORMAT --- */
@media (max-width: 500px) {


  .price-table .date-title {
    width: 60%;
 }

  .price-table .price-title {
    width: 40%;
  }

}


@media (max-width: 450px) {

  .prices li {
    padding-bottom: 10px;
  }

  .prices li span {
    display: block;
  }

  .prices li span::before {
    display: none;
  }

  #teaser .ZMSTeaserElement, .partner li {
    width: 100%;
    margin: 10px 0;
  }



  /* --- BUTTONS --- */

  .btn {
    width: 100%;
    margin: 1rem 0;
  }


}




@media (max-width: 1025px) {
  .col-layout {
  width: 103.0303%;
  margin: 0 -1.5151%;
}


.layout2 .col-layout,
.layout3 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout {
  width: 102%;
  margin: 0 -1%;
}

.content .conForm .col-layout {
  width: 100%;
  margin: 0;
}


.col-layout .column {
  margin: 1.4705%;
}

.layout2 .col-layout .column,
.layout3 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column {
  margin: 0.9803%;
}

.content .conForm .col-layout .column {
  margin: 1.5151% 0;
}

.col-layout.type1 .column,
.col-layout.type2 .column,
.col-layout.type3 .column:nth-of-type(2n + 1),
.col-layout.type3 .column:nth-of-type(2n),
.col-layout.type4 .column:nth-of-type(2n + 1),
.col-layout.type4 .column:nth-of-type(2n),
.col-layout.type5 .column {
  width: 47.0588%;
}


.layout2 .col-layout.type1 .column,
.layout2 .col-layout.type2 .column,
.layout2 .col-layout.type3 .column:nth-of-type(2n + 1),
.layout2 .col-layout.type3 .column:nth-of-type(2n),
.layout2 .col-layout.type4 .column:nth-of-type(2n + 1),
.layout2 .col-layout.type4 .column:nth-of-type(2n),
.layout2 .col-layout.type5 .column,

.layout3 .col-layout.type1 .column,
.layout3 .col-layout.type2 .column,
.layout3 .col-layout.type3 .column:nth-of-type(2n + 1),
.layout3 .col-layout.type3 .column:nth-of-type(2n),
.layout3 .col-layout.type4 .column:nth-of-type(2n + 1),
.layout3 .col-layout.type4 .column:nth-of-type(2n),
.layout3 .col-layout.type5 .column,

.contentBar .col-layout.type1 .column,
.contentBar .col-layout.type2 .column,
.contentBar .col-layout.type3 .column:nth-of-type(2n + 1),
.contentBar .col-layout.type3 .column:nth-of-type(2n),
.contentBar .col-layout.type4 .column:nth-of-type(2n + 1),
.contentBar .col-layout.type4 .column:nth-of-type(2n),
.contentBar .col-layout.type5 .column,

.form-modal .col-layout.type1 .column,
.form-modal .col-layout.type2 .column,
.form-modal .col-layout.type3 .column:nth-of-type(2n + 1),
.form-modal .col-layout.type3 .column:nth-of-type(2n),
.form-modal .col-layout.type4 .column:nth-of-type(2n + 1),
.form-modal .col-layout.type4 .column:nth-of-type(2n),
.form-modal .col-layout.type5 .column {
  width: 48.0392%;
}


.content .conForm .col-layout.type1 .column,
.content .conForm .col-layout.type2 .column,
.content .conForm .col-layout.type3 .column:nth-of-type(2n + 1),
.content .conForm .col-layout.type3 .column:nth-of-type(2n),
.content .conForm .col-layout.type4 .column:nth-of-type(2n + 1),
.content .conForm .col-layout.type4 .column:nth-of-type(2n),
.content .conForm .col-layout.type5 .column {
  width: 100%;
}


  .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  position: relative;
  left: auto;
  width: 103.0303%;
  margin: 0 -1.5151%;
}

.layout2 .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page,
.layout3 .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 102%;
  margin: 0 -1%;
}


.col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 106.246%;
  margin: 0 -3.123%;
}

.layout2 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page,
.layout3 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 104.0788%;
  margin: 0 -2.0394%;
}



.gallery-audio .gallery-item,
.gallery-video .gallery-item {
  display: inline-block;
  width: 47.0588%;
  margin: 1.4705%;
  vertical-align: top;
}

.layout2 .gallery-audio .gallery-item,
.layout3 .gallery-audio .gallery-item,
.layout2 .gallery-video .gallery-item,
.layout3 .gallery-video .gallery-item {
  display: inline-block;
  width: 48.0392%;
  margin: 0.9803%;
}


.gallery-thumbgrid .gallery-item {
  width: 22.0588%;
  margin: 1.4705%;
}


.layout2 .gallery-thumbgrid .gallery-item,
.layout3 .gallery-thumbgrid .gallery-item {
  width: 14.7058%;
  margin: 0.9803%;
}


.col-layout .gallery-thumbgrid .gallery-item {
  width: 44.1133%;
  margin: 2.9395%;
}

.layout2 .col-layout .gallery-thumbgrid .gallery-item,
.layout3 .col-layout .gallery-thumbgrid .gallery-item {
  width: 29.4074%;
  margin: 1.9596%;
}




.gallery-slideshow.left {
  width: 48.4848%;
  margin-right: 2.9411%;
}

.gallery-slideshow.right {
  width: 48.4848%;
  margin-left: 2.9411%;
}



/* --- SINGLE VIDEO / SINGLE AUDIO --- */
.media-gallery.single-media {
  width: 100%;
}


/* --- left, right --- */
.media-gallery.single-media[data-layout="0"],
.media-gallery.single-media[data-layout="1"] {
  float: none;
  width: 100%;
  margin: 1rem 0;
}




.gal-zoom span {
  font-size: 2.5em;
}


.media-gallery.tArrows {
  text-align: right;
}



.nav-arrows {
  position: relative;
  display: inline-block;
  top: auto;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.nav-arrows.next {
  right: auto;
  margin-left: 15px;
}

.nav-arrows.prev {
  left: auto;
  margin-right: 15px;
}
  
.ZMSGraphic.floatleft {
  margin-right: 2.9411%;
}


.ZMSGraphic.floatright {
  margin-left: 2.9411%;
}


.ZMSGraphic.floatleft.imgwidth0,
.ZMSGraphic.floatleft.imgwidth1,
.ZMSGraphic.floatright.imgwidth0,
.ZMSGraphic.floatright.imgwidth1,
.ZMSGraphic.imgwidth0 .graphic,
.ZMSGraphic.imgwidth1 .graphic,
.ZMSGraphic.none.top.imgwidth0 .text,
.ZMSGraphic.center.imgwidth0 .text,
.ZMSGraphic.none.top.imgwidth1 .text,
.ZMSGraphic.center.imgwidth1 .text {
  width: 48.4848%;
}

.ZMSGraphic.left .graphic, .ZMSGraphic.right .graphic {
  margin-right: 2.9411%;
}


  .gallery-item .item-text {
  width: 66%;
}

.gallery-item .item-graphic {
  width: 32%;
}

.gallery-item .layout0 .item-graphic {
  margin-left: 2%;
}

.gallery-item .layout1 .item-graphic {
  margin-right: 2%;
}

.iSlider .nav-arrows {
  display: none;
}
}


@media (max-width: 800px) {
  .col-layout,
.layout2 .col-layout,
.layout3 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout {
  width: 102%;
  margin: 0 -1%;
}


.col-layout .column,
.layout2 .col-layout .column,
.layout3 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column {
  margin: 1%;
}

.col-layout.type1 .column,
.col-layout.type2 .column,
.col-layout.type3 .column:nth-of-type(2n + 1),
.col-layout.type3 .column:nth-of-type(2n),
.col-layout.type4 .column:nth-of-type(2n + 1),
.col-layout.type4 .column:nth-of-type(2n),
.col-layout.type5 .column,

.layout2 .col-layout.type1 .column,
.layout2 .col-layout.type2 .column,
.layout2 .col-layout.type3 .column:nth-of-type(2n + 1),
.layout2 .col-layout.type3 .column:nth-of-type(2n),
.layout2 .col-layout.type4 .column:nth-of-type(2n + 1),
.layout2 .col-layout.type4 .column:nth-of-type(2n),
.layout2 .col-layout.type5 .column,
.layout3 .col-layout.type5 .column,


.layout3 .col-layout.type1 .column,
.layout3 .col-layout.type2 .column,
.layout3 .col-layout.type3 .column:nth-of-type(2n + 1),
.layout3 .col-layout.type3 .column:nth-of-type(2n),
.layout3 .col-layout.type4 .column:nth-of-type(2n + 1),
.layout3 .col-layout.type4 .column:nth-of-type(2n),
.layout3 .col-layout.type5 .column,

.contentBar .col-layout.type1 .column,
.contentBar .col-layout.type2 .column,
.contentBar .col-layout.type3 .column:nth-of-type(2n + 1),
.contentBar .col-layout.type3 .column:nth-of-type(2n),
.contentBar .col-layout.type4 .column:nth-of-type(2n + 1),
.contentBar .col-layout.type4 .column:nth-of-type(2n),
.contentBar .col-layout.type5 .column,

.form-modal .col-layout.type1 .column,
.form-modal .col-layout.type2 .column,
.form-modal .col-layout.type3 .column:nth-of-type(2n + 1),
.form-modal .col-layout.type3 .column:nth-of-type(2n),
.form-modal .col-layout.type4 .column:nth-of-type(2n + 1),
.form-modal .col-layout.type4 .column:nth-of-type(2n),
.form-modal .col-layout.type5 .column {
  width: 48%;
}


  .overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  background-color: rgba(0,0,0, 0.6);
  z-index: 4;
}

.overlay.page-overlay::before {
  background-color: rgba(255,255,255, 0.95);
}


.page-overlay .overlay-holder {
  padding-top: 50px;
}
  .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  position: relative;
  width: 102%;
  margin: 0 -1%;
}

.col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page,
.layout2 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page,
.layout3 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 104.1666%;
  margin: 0 -2.0833%;
}


.contentBar > .gallery-slideshow .wrap.active {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}


.gallery-audio .gallery-item,
.gallery-video .gallery-item,
.layout2 .gallery-audio .gallery-item,
.layout3 .gallery-audio .gallery-item,
.layout2 .gallery-video .gallery-item,
.layout3 .gallery-video .gallery-item {
  width: 48%;
  margin: 2% 1%;
}


.gallery-thumbgrid .gallery-item,
.layout2 .gallery-thumbgrid .gallery-item,
.layout3 .gallery-thumbgrid .gallery-item {
  width: 23%;
  margin: 1%;
}


.col-layout .gallery-thumbgrid .gallery-item,
.layout2 .col-layout .gallery-thumbgrid .gallery-item,
.layout3 .col-layout .gallery-thumbgrid .gallery-item {
  width: 46.0786%;
  margin: 1.9575%;
}



.gallery-slideshow.left {
  width: 49%;
  margin-right: 2%;
}

.gallery-slideshow.right {
  width: 49%;
  margin-left: 2%;
}


.contentBar > .gallery-slideshow {
  position: relative;
  top: auto;
  bottom: auto;
  margin: 0;
}

.contentBar > .gallery-slideshow.left,
.contentBar > .gallery-slideshow.right,
.contentBar > .gallery-slideshow.center {
  left: auto;
  right: auto;
  width: 100%;
}

.contentBar > .gallery-slideshow .gal-img {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 0;
  padding: 0 0 66%;
}


/* --- SINGLE VIDEO / SINGLE AUDIO --- */
.single-media .gallery-page .gal-text,
.content .single-media .gallery-page .gal-text,
.content .single-media .gallery-page[data-layout="1"] .gal-text {
  margin: 1rem 0 0;
}




/* --- GALLERY THUMBGRID ARROWS --- */

.overlay .nav {
  top: 0;
  border-radius: 0;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.overlay .nav.prev {
  left: 0;
}

.overlay .nav.next {
  right: auto;
  left: 52px;
}
  .ZMSGraphic.floatleft {
  margin-right: 2%;
}


.ZMSGraphic.floatright {
  margin-left: 2%;
}


.ZMSGraphic.floatleft.imgwidth0,
.ZMSGraphic.floatleft.imgwidth1,
.ZMSGraphic.floatright.imgwidth0,
.ZMSGraphic.floatright.imgwidth1,
.ZMSGraphic.imgwidth0 .graphic,
.ZMSGraphic.imgwidth1 .graphic,
.ZMSGraphic.none.top.imgwidth0 .text,
.ZMSGraphic.center.imgwidth0 .text,
.ZMSGraphic.none.top.imgwidth1 .text,
.ZMSGraphic.center.imgwidth1 .text {
  width: 49%;
}

.ZMSGraphic.left .graphic, .ZMSGraphic.right .graphic {
  margin-right: 2%;
}





/* --- TABLE --- */

/* Force table to not be like tables anymore */
table.ZMSTable, table.ZMSTable tbody, table.ZMSTable th, table.ZMSTable td, table.ZMSTable tr, table.ZMSTable caption { 
  display: block; 
}

table.ZMSTable {
  padding: 0;
}

table.ZMSTable tr {
  border-bottom: 2px solid rgba(250, 201, 113,0.3);
}

table.ZMSTable tr:last-child {
  border-bottom: 0;
}
	
/* Hide table headers (but not display: none;, for accessibility) */
table.ZMSTable th {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

table.ZMSTable tr td {
  border-color: rgba(250, 201, 113,0.3);
}

table.ZMSTable tr.odd td {
  background-color: rgba(250, 201, 113,0.1); 
}


table.ZMSTable tr:last-child td {
  border-bottom: 1px solid rgba(250, 201, 113,0.3);
}

table.ZMSTable tr td:last-child {
  border-bottom: 0;
}
	
table.ZMSTable td.col2::before {
  content: attr(data-label);
  position: relative;
  display: inline-block;
  width: 50%; 
  padding: 5px; 
  vertical-align: top;
  box-sizing: border-box;
}

table.ZMSTable tr td.col2 p {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  box-sizing: border-box;
}

  .iSlider .slidetabs a {
  width: 12px;
  height: 12px;
  padding: 10px;
}


.iSlider .scrollicon {
  bottom: 60px;
}
}



@media (max-width: 600px) {
  .col-layout,
.layout2 .col-layout,
.layout3 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout {
  width: 100%;
  margin: 0;
}


.col-layout .column,
.layout2 .col-layout .column,
.layout3 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column {
  width: 100% !important;
  margin: 1em 0;
}
  .media-gallery.gallery-audio .gallery-page,
.media-gallery.gallery-video .gallery-page,
.media-gallery.gallery-slideshow .gallery-page,
.layout2 .media-gallery.gallery-audio .gallery-page,
.layout3 .media-gallery.gallery-audio .gallery-page,
.layout2 .media-gallery.gallery-video .gallery-page,
.layout3 .media-gallery.gallery-video .gallery-page,
.layout2 .media-gallery.gallery-slideshow .gallery-page,
.layout3 .media-gallery.gallery-slideshow .gallery-page {
  width: 100%;
  margin: 1% 0;
}

.col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page,
.layout2 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page,
.layout3 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 102%;
  margin: 0 -1%;
}

.gallery-thumbgrid .gallery-item,
.layout2 .gallery-thumbgrid .gallery-item,
.layout3 .gallery-thumbgrid .gallery-item,
.col-layout .gallery-thumbgrid .gallery-item,
.layout2 .col-layout .gallery-thumbgrid .gallery-item,
.layout3 .col-layout .gallery-thumbgrid .gallery-item {
  width: 31.3333%;
  margin: 1%;
}


.gallery-audio .gallery-item,
.gallery-video .gallery-item,
.layout2 .gallery-audio .gallery-item,
.layout3 .gallery-audio .gallery-item,
.layout2 .gallery-video .gallery-item,
.layout3 .gallery-video .gallery-item {
  width: 100%;
  padding: 2% 0;
}


.gallery-slideshow.left {
  float: none;
  width: 100%;
  margin-right: 0;
}

.gallery-slideshow.right {
  float: none;
  width: 100%;
  margin-left: 0;
}






  /* --- ZMS GRAPHIC --- */

.ZMSGraphic.floatleft.imgwidth,
.ZMSGraphic.floatleft.imgwidth0,
.ZMSGraphic.floatleft.imgwidth1,
.ZMSGraphic.floatleft.imgwidth2,
.ZMSGraphic.floatright.imgwidth,
.ZMSGraphic.floatright.imgwidth0,
.ZMSGraphic.floatright.imgwidth1,
.ZMSGraphic.floatright.imgwidth2 {
  float: none;
  width: 100%;
  margin: 15px 0;
}

.ZMSGraphic.imgwidth .graphic,
.ZMSGraphic.imgwidth0 .graphic,
.ZMSGraphic.imgwidth1 .graphic {
  width: 100%;
}


.ZMSGraphic.left .graphic, .ZMSGraphic.right .graphic {
  float: none;
  margin-right: 0;
}

.ZMSGraphic.none.top.imgwidth .text,
.ZMSGraphic.none.top.imgwidth0 .text,
.ZMSGraphic.none.top.imgwidth1 .text,
.ZMSGraphic.center.imgwidth .text,
.ZMSGraphic.center.imgwidth0 .text,
.ZMSGraphic.center.imgwidth1 .text {
  width: 100%;
}

  .gallery-item .item-graphic {
  display: none;
}

.gallery-item .item-text {
  width: 100%;
}

.gallery-item .item-text .item-title {
  font-size: 1.6em;
}

.scrollicon {
  display: none;
}
}



@media (max-width: 400px) {
  .gallery-thumbgrid .gallery-item,
.layout2 .gallery-thumbgrid .gallery-item,
.layout3 .gallery-thumbgrid .gallery-item,
.col-layout .gallery-thumbgrid .gallery-item,
.layout2 .col-layout .gallery-thumbgrid .gallery-item,
.layout3 .col-layout .gallery-thumbgrid .gallery-item {
  width: 48%;
}


  
}











/****************************************************/
/*    Base Modules                                  */
/****************************************************/
/* --- Quick select as banner --- */
.cm-container-quick {
  position: fixed;
  display: block;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2rem 0;
  background-color: rgb(238,238,238);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
  color: rgb(51,51,51);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  clear: both;
  z-index: 100;
  overflow: hidden;
}


body[data-cookie="top"] .cm-container-quick {
  top: 0;
  bottom: auto;
  -webkit-transform: translate(0,-110%);
  transform: translate(0,-110%);
}


.cm-container-quick.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}


body[data-cookie="top"] .cm-container-quick.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.cm-container-quick.show.hide {
  bottom: 0;
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
}

.cm-container-quick.hidden {
  display: none;
}

.cm-container-quick::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}

.cm-container-quick form section {
  text-align: right;
}

.cm-container-quick h3 {
  margin-top: 0;
}

.cm-container-quick .cm-holder h3 i {
  width: 50px;
  margin-right: 1.5rem;
  vertical-align: top;
  font-size: 2em;
}

.cm-container-quick .cm-holder h3 > span {
  display: inline-block;
  width: 70%;
  width: calc(100% - 60px - 1.5rem);
}

.cm-container-quick .cm-holder h3 .subtitle {
  display: block;
  font-size: 0.65em;
}

.cm-container-quick .btn {
  margin-top: 0;
  margin-bottom: 0;
}



/* --- Settings in Modal Window --- */
.cm-container.show ~ #bodyMask {
  cursor: default;
}

.cm-container {
  position: fixed;
  display: none;
  flex-direction: column;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.5);
  opacity: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}

.cm-container.open {
  display: flex;
  opacity: 1;
  z-index: 14;
}


.cm-container .cm-holder {
  position: relative;
  width: 92%;
  max-width: 800px;
  margin: auto;
  background: rgb(255,255,255);
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
}



.cm-container .cm-holder.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}


.cm-container .cm-holder.new {
  visibility: visible;
  z-index: 2;
}


.cm-container .close.hidden {
  display: none;
}


.cm-container .cm-content {
  position: relative;
  height: auto;
  max-height: 84vh;
  border-radius: 2px;
  padding: 2rem;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}


.cm-container .cm-content > :first-child {
  margin-top: 0;
}

.cm-container .cm-holder .labeled-icon {
  top: 0;
  right: 0;
  background-color: rgb(153,153,153);
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
  -webkit-transform: translate(50%,-50%);
  transform: translate(50%,-50%);
}

.no-touchevents .cm-container .cm-holder .labeled-icon:not(.disabled):hover, .no-touchevents .cm-container .cm-holder .labeled-icon:not(.disabled):active {
  background-color: rgb(255,255,255);
}


.cm-container .cm-holder .labeled-icon .icon::before, .cm-container .cm-holder .labeled-icon .icon::after {
  background-color: rgb(255,255,255);
}

.no-touchevents .cm-container .cm-holder .labeled-icon:hover .icon::before, .no-touchevents .cm-container .cm-holder .labeled-icon:active .icon::before,
.no-touchevents .cm-container .cm-holder .labeled-icon:hover .icon::after, .no-touchevents .cm-container .cm-holder .labeled-icon:active .icon::after {
  background-color: rgb(153,153,153);
}


.cm-container .cm-content h2 i {
  width: 60px;
  margin-right: 1.5rem;
  vertical-align: top;
  font-size: 2em;
}

.cm-container .cm-content h2 > span {
  display: inline-block;
  width: 70%;
  width: calc(100% - 60px - 1.5rem);
}

.cm-container .cm-content h2 .subtitle {
  display: block;
  font-size: 0.65em;
}


.cm-container form {
  display: flex;
  flex-direction: column;
  margin: 1rem 0 0;
}

.cm-container form .formSend {
  text-align: right;
}

.cm-container form .formSend + p {
  margin: 0;
}


.cm-settings-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  z-index: 5;
  cursor: pointer;
}


.cm-settings-btn span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: rgb(255,255,255);
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: rgb(0,0,0);
  line-height: 1;
}

.cm-settings-btn:hover span {
  box-shadow: 0 0 1px rgba(0,0,0,0.25);
  color: rgb(0,0,0);
}

.cm-settings-btn span i {
  font-size: 1.3em;
}

.cm-settings-btn span::after {
  content: attr(title);
  position: absolute;
  top: 2px;
  left: 100%;
  margin-left: 0.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  color: rgb(105, 75, 38);
  font-size: 0.85em;
}

.cm-settings-btn:hover span::after {
  opacity: 1;
  visibility: visible;
}



.cm-container .btn {
  margin: 0 0 0.5rem 1rem;
}


.cm-options {
  margin: 0;
}


.cm-options .js-toggle > .js-toggle-headline {
  padding-right: 80px;
  padding-right: calc(65px + 1rem);
}

.cm-options .js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline {
  padding-left: 80px;
  padding-left: calc(65px + 1rem);
}

.cm-options .js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline .headline-icon {
  order: 2;
}

.cm-options .small {
  font-size: 0.65em;
}

.cm-options .switch-wrapper {
  position: absolute;
  top: 1em;
  right: 0;
  z-index: 1;
}

.cm-options .js-toggle-container[data-icon-side="right"] .switch-wrapper {
  right: auto;
  left: 0;
}


 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 29px;
  margin: 0;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* The slider */
.switch .switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 29px;
  background-color: rgb(221,221,221);
  box-shadow: 0 0 3px rgba(51,51,51,0.25) inset;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  cursor: pointer;
}

.switch input:checked + .switch-slider {
  background-color: rgb(92,165,36);
}

.switch.always-on .switch-slider,
.switch.always-on input:checked + .switch-slider {
  background-color: rgb(133,163,109);
  cursor: not-allowed;
}


.switch .switch-slider::before, .switch .switch-slider::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  opacity: 0;
  font-size: 0.9em;
  line-height: 1;
}


.switch .switch-slider::before {
  content: attr(data-label-on);
  left: 10px;
  color: rgb(255,255,255);
}

 .switch .switch-slider::after {
  content: attr(data-label-off);
  right: 10px;
  opacity: 1;
}


.switch input:checked + .switch-slider::before, .switch.always-on .switch-slider::before {
  opacity: 1;
}

.switch input:checked + .switch-slider::after, .switch.always-on .switch-slider::after {
  opacity: 0;
}

.switch .switch-slider span {
  position: absolute;
  height: 21px;
  width: 21px;
  left: 4px;
  bottom: 4px;
  border-radius: 50%;
  background-color: rgb(255,255,255);
  box-shadow: 0 0 3px rgba(0,0,0,0.25);
  -webkit-transition: 0.25s;
  transition: 0.25s;
  z-index: 1;

}

.switch input:checked + .switch-slider span, .switch.always-on .switch-slider span {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
}



@media (max-width: 800px) {

.cm-container {
  font-size: 0.85em;
}

.cm-container .cm-content {
  max-height: calc(84vh - 50px);
  padding: 1rem;
}

.cm-container .cm-holder .labeled-icon {
  box-shadow: none;
  -webkit-transform: none;
  transform: none;
}

.cm-container .button-bar {
  content: "";
  position: relative;
  display: none;
  width: 100%;
  height: 50px;
  background-color: rgb(153,153,153);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cm-container.open .button-bar {
  display: block;
}

.cm-container .close.hidden + .button-bar,
.cm-container.open .close.hidden + .button-bar {
  display: none;
}


.cm-container .cm-content h2 {
  font-size: 1.4em;
  hyphens: none;
}


.cm-container .cm-content h2 i {
  width: 40px;
  margin-right: 1rem;
}

.cm-container .cm-content h2 > span {
  width: calc(100% - 40px - 1rem);
}

.cm-container .cm-content h2 .subtitle {
  font-size: 0.75em;
}

.cm-container .cm-options .title-h3 {
  font-size: 1.2em;
}

.cm-container form .formSend {
  order: 2;
}


.cm-options .switch-wrapper {
  top: 0.75em;
}


.cm-settings-btn {
  position: relative;
  bottom: auto;
  left: auto;
  padding-top: 0;
  text-align: center;
}



.cm-settings-btn span {
  display: inline-flex;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgb(105, 75, 38);
}

.cm-settings-btn:hover span {
  box-shadow: none;
  color: currentColor;
}

.cm-settings-btn span::after {
  position: relative;
  display: inline-block;
  top: auto;
  left: auto;
  font-size: 0.75em;
  opacity: 1;
  visibility: visible;
  color: currentColor;
}




}


@media (max-width: 600px) {

.cm-container form {
  margin: 1rem 0;
}

.cm-options {
  margin: 0;
}

}


@media (max-width: 400px) {

.cm-container .cm-holder h2 i {
  width: 25px;
  margin-top: 2px;
  font-size: 1.5em;
}


.cm-container .btn {
  margin: 0.5rem 0;
}


}




/* --- INLINE PRIVACY NOTICE --- */
.notice-privacy {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 5% 10%;
  background-color: rgba(255,255,255,0.5);
  transition: all 0.3s;
  opacity: 0;
  line-height: 1.25;
  text-align: center;
  cursor: pointer;
}

.media-gallery.btn-video .notice-privacy {
  top: -1rem;
  right: auto;
  bottom: -1rem;
  left: 50%;
  width: 100%;
  max-width: 300px;
  padding: 0.5rem;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 0.75em;
}


.hover3 .notice-privacy::before, 
.hover4 .notice-privacy::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(250, 201, 113,0.75);
}


.notice-privacy:hover, .notice-privacy.visible,
a:hover .notice-privacy, a:active .notice-privacy {
  opacity: 1;
}

.media-gallery.single-media[data-layout="0"] .notice-privacy,
.media-gallery.single-media[data-layout="1"] .notice-privacy {
  font-size: 0.85em;
}

.col-layout .media-gallery.single-media .notice-privacy,
.col-layout .media-gallery.single-media[data-layout="0"] .notice-privacy,
.col-layout .media-gallery.single-media[data-layout="1"] .notice-privacy {
  padding: 5%;
  font-size: 0.75em;
}

.contentBar .container:not([data-content-width="0"]) .col-layout .single-media .notice-privacy {
  font-size: 0.35em;
}

.notice-privacy[data-notice-color="2"] {
  color: rgb(255,255,255);
}

.notice-privacy[data-notice-color="3"] {
  color: rgb(0,0,0);
}

.notice-privacy .privacy-text {
  position: relative;
  color: inherit;
}




.notice-privacy .btn {
  margin: 1rem 0 0;
}

.media-gallery.btn-video .notice-privacy .btn {
  margin-top: 5px;
  padding: 2px 5px;
}

.contentBar .container:not([data-content-width="0"]) .col-layout .single-media .notice-privacy .btn {
  min-height: 20px;
  margin-top: 0.5rem;
}

@media (max-width: 1025px) {

.media-gallery.single-media .notice-privacy,
.media-gallery.single-media[data-layout="0"] .notice-privacy,
.media-gallery.single-media[data-layout="1"] .notice-privacy {
  padding: 5%;
  font-size: 0.85em;
}


.media-gallery.single-media[data-layout="0"] .notice-privacy .btn,
.media-gallery.single-media[data-layout="1"] .notice-privacy .btn {
  margin: 0.5rem 0 0;
}

}


@media (max-width: 800px) {

.col-layout .media-gallery.single-media .notice-privacy,
.col-layout .media-gallery.single-media[data-layout="0"] .notice-privacy,
.col-layout .media-gallery.single-media[data-layout="1"] .notice-privacy {
  font-size: 0.65em;
}

.contentBar .container:not([data-content-width="0"]) .col-layout .single-media .notice-privacy {
  font-size: 0.65em;
}

}


@media (max-width: 600px) {

.media-gallery.single-media .notice-privacy,
.media-gallery.single-media[data-layout="0"] .notice-privacy,
.media-gallery.single-media[data-layout="1"] .notice-privacy {
  font-size: 0.75em;
}

.contentBar .container:not([data-content-width="0"]) .col-layout .single-media .notice-privacy {
  font-size: 0.75em;
}

.media-gallery.single-media[data-layout="2"] .notice-privacy .btn {
  margin: 0.5rem 0 0;
}

.col-layout .media-gallery.single-media .notice-privacy,
.col-layout .media-gallery.single-media[data-layout="0"] .notice-privacy,
.col-layout .media-gallery.single-media[data-layout="1"] .notice-privacy {
  font-size: 0.75em;
}

}
/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: -60px; }

.main-carousel[data-flickity-version="3"] .flickity-prev-next-button.previous { left: 1.5rem; }

.flickity-prev-next-button.next { right: -60px; }

.main-carousel[data-flickity-version="3"] .flickity-prev-next-button.next { right: 1.5rem; }


/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: -60px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: -60px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot,
.index .flickity-page-dots .dot,
.layout2 .index .flickity-page-dots .dot,
.layout3 .index .flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.contentBar .container.color1 .flickity-page-dots .dot {
  background: #FFFFFF;
}

.flickity-page-dots .dot.is-selected,
.index .flickity-page-dots .dot.is-selected,
.layout2 .index .flickity-page-dots .dot.is-selected,
.layout3 .index .flickity-page-dots .dot.is-selected {
  opacity: 1;
}


@media (min-width: 1441px) {

.flickity-page-dots {
  display: none;
}

}

@media (max-width: 1440px) {

.main-carousel:not([data-flickity-version="3"]) .flickity-prev-next-button {
  top: auto;
  bottom: -45px;
  width: 30px;
  height: 30px;
  -webkit-transform: none;
  transform: none;
}


.main-carousel:not([data-flickity-version="3"]) .flickity-prev-next-button.previous {
  left: 50%;
  -webkit-transform: translate(-125%,0);
  transform: translate(-125%,0);
}


.main-carousel:not([data-flickity-version="3"]) .flickity-prev-next-button.next {
  right: 50%;
  -webkit-transform: translate(125%,0);
  transform: translate(125%,0);
}


.main-carousel[data-flickity-version="4"] .flickity-prev-next-button {
  display: none;
}



}
.layout-grid {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 100;
}

.layout-grid.closed {
  display: none;
}

.layout-grid.open {
  display: block;
}

.layout-grid .container {
  height: 100%;
}

.layout-grid div {
  position: relative;
  display: inline-block;
  height: 100%;
  background: rgba(0,0,0,0.03);
}

.layout-grid.invert div {
  background: rgba(255,255,255,0.05);
}

.layout-grid[data-size="24"] div {
  width: 2.6333%;
  margin: 0 0.8%;
}

.layout-grid[data-size="16"] div {
  width: 4.375%;
  margin: 0 1%;
}

.layout-grid[data-size="8"] div {
  width: 10.75%;
  margin: 0 1%;
}

.layout-grid div:first-child {
  margin-left: 0;
}

.layout-grid div:last-child {
  margin-right: 0;
}









@media (max-width: 1025px) {

.layout-grid[data-size="24"] div {
  width: 6.5%;
  margin: 0 1%;
}

.layout-grid[data-size="24"] div:nth-child(n+13) {
  display: none;
}

.layout-grid div:first-child {
  margin-left: 0;
}

.layout-grid[data-size="24"] div:nth-child(12) {
  margin-right: 0;
}


}




@media (max-width: 800px) {

.layout-grid[data-size="24"] div {
  width: 23.5%;
}

.layout-grid[data-size="24"] div:nth-child(n+5) {
  display: none;
}

.layout-grid div:first-child {
  margin-left: 0;
}

.layout-grid[data-size="24"] div:nth-child(4) {
  margin-right: 0;
}



}


@media (max-width: 600px) {

.layout-grid[data-size="24"] div {
  width: 32%;
  margin: 0 1%;
}

.layout-grid[data-size="24"] div:nth-child(n+4) {
  display: none;
}

.layout-grid div:first-child {
  margin-left: 0;
}

.layout-grid[data-size="24"] div:nth-child(3) {
  margin-right: 0;
}



}


@media (max-width: 400px) {

.layout-grid[data-size="24"] div {
  width: 23.5%;
}

.layout-grid[data-size="24"] div:nth-child(n+4) {
  display: inline-block;
}

.layout-grid[data-size="24"] div:nth-child(n+5) {
  display: none;
}

.layout-grid div:first-child {
  margin-left: 0;
}

.layout-grid[data-size="24"] div:nth-child(3) {
  margin-right: 1%;
}

.layout-grid[data-size="24"] div:nth-child(4) {
  margin-right: 0;
}



}


/* Pannellum 2.3.2, https://github.com/mpetroff/pannellum */
.pnlm-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;width:100%;height:100%;font-family:Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif;background:#f4f4f4 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267%22%20height%3D%22100%22%20viewBox%3D%220%200%2067%20100%22%3E%0A%3Cpath%20stroke%3D%22%23ccc%22%20fill%3D%22none%22%20d%3D%22M33.5%2C50%2C0%2C63%2C33.5%2C75%2C67%2C63%2C33.5%2C50m-33.5-50%2C67%2C25m-0.5%2C0%2C0%2C75m-66.5-75%2C67-25m-33.5%2C75%2C0%2C25m0-100%2C0%2C50%22%2F%3E%0A%3C%2Fsvg%3E%0A') repeat;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content}.pnlm-container *{box-sizing:content-box}.pnlm-grab{cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-grabbing{cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-sprite{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A')}.pnlm-container:-moz-full-screen{height:100%!important;width:100%!important}.pnlm-container:-webkit-full-screen{height:100%!important;width:100%!important}.pnlm-container:-ms-fullscreen{height:100%!important;width:100%!important}.pnlm-container:fullscreen{height:100%!important;width:100%!important}.pnlm-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.pnlm-controls{margin-top:4px;background-color:#fff;border:1px solid #999;border-color:rgba(0,0,0,0.4);border-radius:3px;cursor:pointer;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.pnlm-control:hover{background-color:#f8f8f8}.pnlm-controls-container{position:absolute;top:0;left:4px;z-index:1}.pnlm-zoom-controls{width:26px;height:52px}.pnlm-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:3px 3px 0 0}.pnlm-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -26px;border-top:1px solid #ddd;border-top-color:rgba(0,0,0,0.10);border-radius:0 0 3px 3px}.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:26px;height:26px}.pnlm-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:rgba(255,255,255,0.5);border-radius:13px;display:none}.pnlm-orientation-button-inactive{background-position:0 -156px}.pnlm-orientation-button-active{background-position:0 -182px}.pnlm-fullscreen-toggle-button-inactive{background-position:0 -52px}.pnlm-fullscreen-toggle-button-active{background-position:0 -78px}.pnlm-panorama-info{position:absolute;bottom:4px;background-color:rgba(0,0,0,0.7);border-radius:0 3px 3px 0;padding-right:10px;color:#fff;text-align:left;display:none;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.pnlm-title-box{position:relative;font-size:20px;display:table;padding-left:5px;margin-bottom:3px}.pnlm-author-box{position:relative;font-size:12px;display:table;padding-left:5px}.pnlm-load-box{position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:rgba(0,0,0,0.7);border-radius:3px;text-align:center;font-size:20px;display:none;color:#fff}.pnlm-load-box p{margin:20px 0}.pnlm-lbox{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;display:none}.pnlm-loading{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:10px;width:10px;background-color:#fff;position:relative}@keyframes pnlm-mv{from{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}@-webkit-keyframes pnlm-mv{from{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}.pnlm-load-button{position:absolute;top:50%;left:50%;width:200px;height:100px;margin:-50px 0 0 -100px;background-color:rgba(0,0,0,.7);border-radius:3px;text-align:center;font-size:20px;display:table;color:#fff;cursor:pointer}.pnlm-load-button:hover{background-color:rgba(0,0,0,.8)}.pnlm-load-button p{display:table-cell;vertical-align:middle}.pnlm-info-box{font-size:15px;position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000;border-radius:3px;display:table;text-align:center;color:#fff;table-layout:fixed}.pnlm-info-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 5px 0 5px}.pnlm-error-msg{display:none}.pnlm-about-msg{font-size:11px;line-height:11px;color:#fff;padding:5px 8px 5px 8px;background:rgba(0,0,0,0.7);border-radius:3px;position:absolute;top:50px;left:50px;display:none;opacity:0;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;z-index:1}.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}.pnlm-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.pnlm-hotspot{height:26px;width:26px;border-radius:13px}.pnlm-hotspot:hover{background-color:rgba(255,255,255,0.2)}.pnlm-hotspot.pnlm-info{background-position:0 -104px}.pnlm-hotspot.pnlm-scene{background-position:0 -130px}div.pnlm-tooltip span{visibility:hidden;position:absolute;border-radius:3px;background-color:rgba(0,0,0,0.7);color:#fff;text-align:center;max-width:200px;padding:5px 10px;margin-left:-220px;cursor:default}div.pnlm-tooltip:hover span{visibility:visible}div.pnlm-tooltip:hover span:after{content:'';position:absolute;width:0;height:0;border-width:10px;border-style:solid;border-color:rgba(0,0,0,0.7) transparent transparent transparent;bottom:-20px;left:-10px;margin:0 50%}.pnlm-compass{position:absolute;width:50px;height:50px;right:4px;bottom:4px;border-radius:25px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A');cursor:default;display:none}.pnlm-world{position:absolute;left:50%;top:50%}.pnlm-face{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.pnlm-dragfix,.pnlm-preview-img{position:absolute;height:100%;width:100%}.pnlm-preview-img{background-size:cover;background-position:center}.pnlm-lbar{width:150px;margin:0 auto;border:#fff 1px solid;height:6px}.pnlm-lbar-fill{background:#fff;height:100%;width:0}.pnlm-lmsg{font-size:12px}.pnlm-fade-img{position:absolute;top:0;left:0}
form div.email-alt,
.conForm form div.email-alt {
  display: none;
}  

/*! jQuery UI - v1.12.1 - 2019-04-09
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}



/****************************************************/
/*    8.  CSS-Modul: PRINT                          */
/****************************************************/


/****************************************************/
/*    Management Interface                          */
/****************************************************/
.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
  font-family:'Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-weight:bold;
  font-size:15px;
  line-height:1.25em;
} 
body.zmi p, body.zmi li, body.zmi blockquote  {
  font-family:'Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:13px;
  line-height:1.25em;
} 
body.zmi form input,body.zmi form select, body.zmi form textarea {
  margin:1px;
  padding:1px;
  background:#ffffff;
  box-shadow:none;
}

body.zmi a {
  border: 0;
}

body.zmi a:hover, body.zmi a:active, body.zmi a:focus {
  border-bottom: 0;
  text-decoration underline;
}

body.zmi ul li {
  padding: 2px 0;
  background: transparent;
}

body.zmi .contentBar {
  margin:0;
  padding:15px;
}


body.zmi .btn.btnSO {
  width: auto;
  height: auto;
}


/* --- Newsletter Layout --- */
body.zmi div.placement {
  display: inline-block;
  width: 122px;
  height: 82px;
  padding: 5px 15px 5px 0;
  background-color: transparent;
  background-image: url(newsletter-layout-sprite.png);
  background-repeat: no-repeat;
}

body.zmi div.placement.lay0 {
  background-position: 0 5px;
}

body.zmi div.placement.lay1 {
  background-position: 0 -97px;
}

body.zmi div.placement.lay2 {
  background-position: 0 -199px;
}

body.zmi .placement input {
  margin: 5px 0 0 5px;
}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

body.print { 
  background-color:#fff; 
}

span.unicode { 
  font-family:"Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif; 
}

span.highlight { 
  background-color:#fac971;
  color:#fac971;
  font-weight: bold;
  border:none; 
}

.cm-container .cm-holder .labeled-icon {
  background-color: rgb(0,0,0);
}

.no-touchevents .cm-container .cm-holder .labeled-icon:hover .icon::before, .no-touchevents .cm-container .cm-holder .labeled-icon:active .icon::before,
.no-touchevents .cm-container .cm-holder .labeled-icon:hover .icon::after, .no-touchevents .cm-container .cm-holder .labeled-icon:active .icon::after {
  background-color: rgb(0,0,0);
}

.cm-container .button-bar {
  background-color: rgb(0,0,0);
}


.js-toggle > .js-toggle-headline .headline-icon::before {
  font-style: normal;
}


.cm-settings-btn:hover span {
  box-shadow: none;
}


.cm-settings-btn span::after {
  display: flex;
  align-items: center;
  top: -2px;
  left: 0;
  height: 40px;
  margin: 0;
  border-radius: 5px;
  padding: 0 0.75rem 0 2.25rem;
  background-color: rgb(255,255,255);
  color: rgb(105, 75, 38);
  z-index: -1;
}



@media (max-width: 800px) {

.middle > .cm-settings-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.cm-settings-btn span::after {
  display: inline-block;
  top: auto;
  left: auto;
  height: auto;
  margin: 0 0 0 0.5rem;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
}


}



@media (max-width:400px) {

.cm-container .btn {
  width: 100%;
  margin: 0.5rem 0;
}

}




