/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN //github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/xassets/uncompressed/less/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN //github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
  margin-top: 10px;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
/*data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%2270.css.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3B%3B%3B%3B%3BAAKA%3BAAAc%2CaAAc%3BEAAU%2CwCAAA%3BEAAwC%2CkBAAA%3B%3BAAAkB%3BEAAc%2CaAAA%3BEAAa%2CWAAA%3BEAAW%2CUAAA%3B%3BAAAU%2CaAAc%3BEAAW%2CkBAAA%3BEAAkB%2CuBAAA%3BEAAuB%2C0BAAA%3BEAA0B%2CgCAAA%3B%3BAAAgC%2CaAAc%2CWAAU%3BEAAO%2CSAAQ%2CGAAR%3BEAAY%2CcAAA%3BEAAc%2CWAAA%3BEAAW%2CkBAAA%3BEAAkB%2CcAAA%3BEAAc%2CSAAA%3B%3BAAAS%2CaAAc%3BEAAiB%2CkBAAA%3BEAAkB%2CgBAAA%3BEAAgB%2CmBAAkB%2CoBAAlB%3B%3BAAAqC%2CaAAc%3BAAAU%2CaAAc%3BEAAa%2CmCAAA%3BEAAmC%2CgCAAA%3BEAAgC%2C%2BBAAA%3BEAA%2BB%2CmBAAkB%2CoBAAlB%3BEAAqC%2CgBAAe%2CoBAAf%3BEAAkC%2CeAAc%2CoBAAd%3B%3BAAAiC%2CaAAc%3BEAAU%2CeAAA%3BEAAe%2CWAAA%3BEAAW%2CmCAAA%3BEAAmC%2C2BAAA%3B%3BAAA2B%2CaAAc%2CUAAU%3BEAAI%2CcAAA%3BEAAc%2CWAAA%3B%3BAAAW%2CaAAc%2CUAAS%3BAAAU%2CaAAc%2CSAAQ%3BEAAU%2CaAAA%3B%3BAAAa%2CMAAO%3BAAAc%2CaAAa%3BEAAY%2CcAAA%3B%3BAAAc%2CaAAc%3BAAAS%2CaAAc%2CSAAS%3BAAAU%2CaAAc%2CSAAS%3BEAAU%2CeAAA%3BEAAe%2CyBAAA%3BEAAyB%2CwBAAA%3BEAAwB%2CsBAAA%3BEAAsB%2CqBAAA%3BEAAqB%2CiBAAA%3B%3BAAAiB%2CaAAc%2CSAAS%2COAAM%3BAAAU%2CaAAc%2CSAAS%2COAAM%3BAAAU%2CaAAc%2COAAM%3BEAAS%2CeAAA%3BEAAe%2CcAAA%3BEAAc%2CYAAA%3BEAAY%2CoBAAA%3BEAAoB%2CaAAA%3B%3BAAAa%2CaAAa%3BEAAa%2CUAAA%3BEAAU%2CcAAA%3B%3BAAAc%2CaAAa%3BEAAY%2CUAAA%3B%3BAAAU%2CaAAa%2CYAAa%3BEAAU%2CkBAAA%3B%3BAAAkB%2CaAAa%2CSAAU%3BEAAU%2CuBAAA%3BEAAuB%2CmBAAA%3BEAAmB%2CyBAAA%3BEAAyB%2CsBAAA%3BEAAsB%2CqBAAA%3BEAAqB%2CiBAAA%3B%3BAAAiB%2CaAAa%3BEAAU%2CYAAA%3BEAAY%2CYAAA%3B%3BAAAY%2CaAAa%3BEAAS%2CcAAA%3B%3BAAAc%2CaAAa%2CQAAS%3BEAAU%2CYAAA%3B%3BAAAY%2CaAAc%3BEAAU%2CsBAAA%3BEAAsB%2CyBAAA%3B%3BAAAyB%2CaAAc%3BEAAiB%2CUAAA%3B%3BAAAU%2CaAAc%3BEAAkB%2CUAAA%3B%3BAAAU%2CaAAc%3BEAAS%2CuBAAA%3B%3BAAAuB%3BEAAmB%3BIAAG%2CUAAA%3B%3BEAAU%3BIAAK%2CUAAA%3B%3B%3BAAAW%3BEAAY%2CmCAAA%3B%3BAAAkC%2CaAAc%2CUAAU%3BEAAU%2CUAAA%3BEAAU%2C6BAAA%3B%3BAAA4B%2CaAAc%2CUAAU%2CUAAS%2CIAAI%3BAAAQ%2CaAAc%2CUAAU%2CUAAS%3BEAAU%2CaAAA%3B%3BAAAa%2CaAAc%2CUAAU%2CIAAG%3BEAAU%2C4BAAA%3B%3BAAA4B%2CaAAc%3BEAAmB%2CkBAAA%3BEAAkB%2CYAAA%3BEAAY%2CmBAAA%3B%3BAAAgB%2CaAAc%3BEAAqB%2CkBAAA%3BEAAkB%2CYAAA%3BEAAY%2CWAAA%3BEAAW%2CSAAA%3BEAAS%2CQAAA%3BEAAQ%2CkBAAA%3BEAAkB%2CiBAAA%3BEAAiB%2C6CAAA%3BEAA6C%2CeAAA%3BEAAe%2CUAAA%3BEAAU%2CmCAAA%3BEAAmC%2C%2BBAAA%3B%3BAAA8B%2CaAAc%2CqBAAoB%3BEAAO%2CeAAc%2CeAAd%3BEAA6B%2CWAAU%2CeAAV%3B%3BAAAyB%2CaAAc%2CmBAAmB%3BAAAqB%2CaAAc%2CmBAAmB%3BEAAc%2CaAAA%3B%3BAAAa%2CaAAc%3BEAAc%2CUAAA%3BEAAU%2CYAAA%3BEAAY%2CkCAAA%3BEAAkC%2C4BAAA%3BEAA4B%2CwBAAA%3BEAAwB%2C6BAAA%3B%3BAAA4B%2CaAAc%3BEAAiB%2CkBAAA%3BEAAkB%2CUAAA%3BEAAU%2CYAAA%3BEAAY%2CWAAA%3B%3B%3B%3B%3B%3B%3BAAOrmG%2CUAAW%3BAAAU%2CUAAW%3BEAAS%2CkBAAA%3BEAAkB%2CwCAAA%3B%3BAAAwC%2CUAAW%3BEAAS%2CgBAAA%3B%3BAAAgB%2CUAAW%2CSAAS%3BEAAc%2CWAAA%3BEAAW%2CeAAA%3BEAAe%2CWAAA%3BEAAW%2CgBAAA%3BEAAgB%2CmBAAA%3BEAAmB%2CqBAAA%3BEAAqB%2CeAAA%3BEAAe%2CkBAAA%3B%3BAAAkB%2CUAAW%2CSAAS%2CcAAa%3BEAAO%2CmBAAA%3BEAAmB%2CWAAA%3BEAAW%2CqBAAA%3B%3BAAAqB%2CUAAW%2CSAAS%3BEAAU%2CWAAA%3BEAAW%2CeAAA%3B%3BAAAe%2CUAAW%2CSAAQ%2CSAAS%3BEAAW%2CgBAAA%3B%3BAAAgB%2CUAAW%2CUAAU%3BEAAS%2CqBAAA%3BEAAqB%2COAAA%3B%3BAAAO%2CUAAW%2CUAAU%2CSAAS%3BEAAK%2CWAAA%3BEAAW%2CYAAA%3BEAAY%2CeAAA%3BEAAe%2CmBAAA%3BEAAmB%2CcAAA%3BEAAc%2CoCAAA%3BEAAoC%2C4BAAA%3BEAA4B%2CmBAAA%3B%3BAAAmB%2CUAAW%2CUAAU%2CSAAQ%2COAAQ%3BAAAK%2CUAAW%2CUAAU%2CSAAQ%2CMAAO%3BEAAK%2CmBAAA%22%2C%22sourcesContent%22%3A%5B%22%2F**%5Cn%20*%20Owl%20Carousel%20v2.3.4%5Cn%20*%20Copyright%202013-2018%20David%20Deutsch%5Cn%20*%20Licensed%20under%3A%20SEE%20LICENSE%20IN%20https%3A%2F%2Fgithub.com%2FOwlCarousel2%2FOwlCarousel2%2Fblob%2Fmaster%2FLICENSE%5Cn%20*%2F%5Cn.owl-carousel%2C.owl-carousel%20.owl-item%7B-webkit-tap-highlight-color%3Atransparent%3Bposition%3Arelative%7D.owl-carousel%7Bdisplay%3Anone%3Bwidth%3A100%25%3Bz-index%3A1%7D.owl-carousel%20.owl-stage%7Bposition%3Arelative%3B-ms-touch-action%3Apan-Y%3Btouch-action%3Amanipulation%3B-moz-backface-visibility%3Ahidden%7D.owl-carousel%20.owl-stage%3Aafter%7Bcontent%3A%5C%22.%5C%22%3Bdisplay%3Ablock%3Bclear%3Aboth%3Bvisibility%3Ahidden%3Bline-height%3A0%3Bheight%3A0%7D.owl-carousel%20.owl-stage-outer%7Bposition%3Arelative%3Boverflow%3Ahidden%3B-webkit-transform%3Atranslate3d(0%2C0%2C0)%7D.owl-carousel%20.owl-item%2C.owl-carousel%20.owl-wrapper%7B-webkit-backface-visibility%3Ahidden%3B-moz-backface-visibility%3Ahidden%3B-ms-backface-visibility%3Ahidden%3B-webkit-transform%3Atranslate3d(0%2C0%2C0)%3B-moz-transform%3Atranslate3d(0%2C0%2C0)%3B-ms-transform%3Atranslate3d(0%2C0%2C0)%7D.owl-carousel%20.owl-item%7Bmin-height%3A1px%3Bfloat%3Aleft%3B-webkit-backface-visibility%3Ahidden%3B-webkit-touch-callout%3Anone%7D.owl-carousel%20.owl-item%20img%7Bdisplay%3Ablock%3Bwidth%3A100%25%7D.owl-carousel%20.owl-dots.disabled%2C.owl-carousel%20.owl-nav.disabled%7Bdisplay%3Anone%7D.no-js%20.owl-carousel%2C.owl-carousel.owl-loaded%7Bdisplay%3Ablock%7D.owl-carousel%20.owl-dot%2C.owl-carousel%20.owl-nav%20.owl-next%2C.owl-carousel%20.owl-nav%20.owl-prev%7Bcursor%3Apointer%3B-webkit-user-select%3Anone%3B-khtml-user-select%3Anone%3B-moz-user-select%3Anone%3B-ms-user-select%3Anone%3Buser-select%3Anone%7D.owl-carousel%20.owl-nav%20button.owl-next%2C.owl-carousel%20.owl-nav%20button.owl-prev%2C.owl-carousel%20button.owl-dot%7Bbackground%3A0%200%3Bcolor%3Ainherit%3Bborder%3Anone%3Bpadding%3A0!important%3Bfont%3Ainherit%7D.owl-carousel.owl-loading%7Bopacity%3A0%3Bdisplay%3Ablock%7D.owl-carousel.owl-hidden%7Bopacity%3A0%7D.owl-carousel.owl-refresh%20.owl-item%7Bvisibility%3Ahidden%7D.owl-carousel.owl-drag%20.owl-item%7B-ms-touch-action%3Apan-y%3Btouch-action%3Apan-y%3B-webkit-user-select%3Anone%3B-moz-user-select%3Anone%3B-ms-user-select%3Anone%3Buser-select%3Anone%7D.owl-carousel.owl-grab%7Bcursor%3Amove%3Bcursor%3Agrab%7D.owl-carousel.owl-rtl%7Bdirection%3Artl%7D.owl-carousel.owl-rtl%20.owl-item%7Bfloat%3Aright%7D.owl-carousel%20.animated%7Banimation-duration%3A1s%3Banimation-fill-mode%3Aboth%7D.owl-carousel%20.owl-animated-in%7Bz-index%3A0%7D.owl-carousel%20.owl-animated-out%7Bz-index%3A1%7D.owl-carousel%20.fadeOut%7Banimation-name%3AfadeOut%7D%40keyframes%20fadeOut%7B0%25%7Bopacity%3A1%7D100%25%7Bopacity%3A0%7D%7D.owl-height%7Btransition%3Aheight%20.5s%20ease-in-out%7D.owl-carousel%20.owl-item%20.owl-lazy%7Bopacity%3A0%3Btransition%3Aopacity%20.4s%20ease%7D.owl-carousel%20.owl-item%20.owl-lazy%3Anot(%5Bsrc%5D)%2C.owl-carousel%20.owl-item%20.owl-lazy%5Bsrc%5E%3D%5C%22%5C%22%5D%7Bmax-height%3A0%7D.owl-carousel%20.owl-item%20img.owl-lazy%7Btransform-style%3Apreserve-3d%7D.owl-carousel%20.owl-video-wrapper%7Bposition%3Arelative%3Bheight%3A100%25%3Bbackground%3A%23000%7D.owl-carousel%20.owl-video-play-icon%7Bposition%3Aabsolute%3Bheight%3A80px%3Bwidth%3A80px%3Bleft%3A50%25%3Btop%3A50%25%3Bmargin-left%3A-40px%3Bmargin-top%3A-40px%3Bbackground%3Aurl(/xassets/uncompressed/less/owl.video.play.png)%20no-repeat%3Bcursor%3Apointer%3Bz-index%3A1%3B-webkit-backface-visibility%3Ahidden%3Btransition%3Atransform%20.1s%20ease%7D.owl-carousel%20.owl-video-play-icon%3Ahover%7B-ms-transform%3Ascale(1.3%2C1.3)%3Btransform%3Ascale(1.3%2C1.3)%7D.owl-carousel%20.owl-video-playing%20.owl-video-play-icon%2C.owl-carousel%20.owl-video-playing%20.owl-video-tn%7Bdisplay%3Anone%7D.owl-carousel%20.owl-video-tn%7Bopacity%3A0%3Bheight%3A100%25%3Bbackground-position%3Acenter%20center%3Bbackground-repeat%3Ano-repeat%3Bbackground-size%3Acontain%3Btransition%3Aopacity%20.4s%20ease%7D.owl-carousel%20.owl-video-frame%7Bposition%3Arelative%3Bz-index%3A1%3Bheight%3A100%25%3Bwidth%3A100%25%7D%5Cn%5Cn%2F**%5Cn%20*%20Owl%20Carousel%20v2.3.4%5Cn%20*%20Copyright%202013-2018%20David%20Deutsch%5Cn%20*%20Licensed%20under%3A%20SEE%20LICENSE%20IN%20https%3A%2F%2Fgithub.com%2FOwlCarousel2%2FOwlCarousel2%2Fblob%2Fmaster%2FLICENSE%5Cn%20*%2F%5Cn.owl-theme%20.owl-dots%2C.owl-theme%20.owl-nav%7Btext-align%3Acenter%3B-webkit-tap-highlight-color%3Atransparent%7D.owl-theme%20.owl-nav%7Bmargin-top%3A10px%7D.owl-theme%20.owl-nav%20%5Bclass*%3Dowl-%5D%7Bcolor%3A%23FFF%3Bfont-size%3A14px%3Bmargin%3A5px%3Bpadding%3A4px%207px%3Bbackground%3A%23D6D6D6%3Bdisplay%3Ainline-block%3Bcursor%3Apointer%3Bborder-radius%3A3px%7D.owl-theme%20.owl-nav%20%5Bclass*%3Dowl-%5D%3Ahover%7Bbackground%3A%23869791%3Bcolor%3A%23FFF%3Btext-decoration%3Anone%7D.owl-theme%20.owl-nav%20.disabled%7Bopacity%3A.5%3Bcursor%3Adefault%7D.owl-theme%20.owl-nav.disabled%2B.owl-dots%7Bmargin-top%3A10px%7D.owl-theme%20.owl-dots%20.owl-dot%7Bdisplay%3Ainline-block%3Bzoom%3A1%7D.owl-theme%20.owl-dots%20.owl-dot%20span%7Bwidth%3A10px%3Bheight%3A10px%3Bmargin%3A5px%207px%3Bbackground%3A%23D6D6D6%3Bdisplay%3Ablock%3B-webkit-backface-visibility%3Avisible%3Btransition%3Aopacity%20.2s%20ease%3Bborder-radius%3A30px%7D.owl-theme%20.owl-dots%20.owl-dot.active%20span%2C.owl-theme%20.owl-dots%20.owl-dot%3Ahover%20span%7Bbackground%3A%23869791%7D%22%5D%7D */

@font-face {
  font-family: 'Marion';
  font-weight: 300;
  font-display: swap;
  src: url("/xstorage/1/Assets/Fonts/ed49e2e7-bc25-4a50-8fd6-e27cf1765cf2.eot?#iefix");
  src: url("/xstorage/1/Assets/Fonts/ed49e2e7-bc25-4a50-8fd6-e27cf1765cf2.eot?#iefix") format("eot"), url("/xstorage/1/Assets/Fonts/7fdf0897-a3c0-4505-9bdb-86a75fbb2ad6.woff2") format("woff2"), url("/xstorage/1/Assets/Fonts/823d877f-aab5-45b9-8292-a55e3c3f9904.woff") format("woff"), url("/xstorage/1/Assets/Fonts/7cb451c2-81c6-475c-960f-f986b637ef1d.ttf") format("truetype");
}
@font-face {
  font-family: 'Marion';
  font-weight: 700;
  font-display: swap;
  src: url("/xstorage/1/Assets/Fonts/4355a2d6-0139-4251-896e-c0476cdf00bb.eot?#iefix");
  src: url("/xstorage/1/Assets/Fonts/4355a2d6-0139-4251-896e-c0476cdf00bb.eot?#iefix") format("eot"), url("/xstorage/1/Assets/Fonts/c4627f7a-98a3-43b5-b752-f9b7b2ea969e.woff2") format("woff2"), url("/xstorage/1/Assets/Fonts/2576f9fa-3230-41a5-8c4b-77ec6b6e0919.woff") format("woff"), url("/xstorage/1/Assets/Fonts/4dc8ce6b-93ed-45a2-b16c-b6e8d777a8f0.ttf") format("truetype");
}
@font-face {
  font-family: 'DIN';
  font-weight: 300;
  font-display: swap;
  src: url("/xstorage/1/Assets/Fonts/fb0dd5e6-cf57-43be-8f3f-2880d5389694.eot?#iefix");
  src: url("/xstorage/1/Assets/Fonts/fb0dd5e6-cf57-43be-8f3f-2880d5389694.eot?#iefix") format("eot"), url("/xstorage/1/Assets/Fonts/14aba99e-8c97-4daa-a8df-67920a051402.woff2") format("woff2"), url("/xstorage/1/Assets/Fonts/96fd6d6f-fad6-4dd9-ab70-29547a56cacd.woff") format("woff"), url("/xstorage/1/Assets/Fonts/cdc1c0e4-213b-4a01-a1dc-af6dddf2263a.ttf") format("truetype");
}
@font-face {
  font-family: 'DIN';
  font-weight: 500;
  font-display: swap;
  src: url("/xstorage/1/Assets/Fonts/936930ba-a8da-4765-9e89-0f35cdff223f.eot?#iefix");
  src: url("/xstorage/1/Assets/Fonts/936930ba-a8da-4765-9e89-0f35cdff223f.eot?#iefix") format("eot"), url("/xstorage/1/Assets/Fonts/6b4d4830-9c7d-43d2-b5d3-c73f739561b9.woff2") format("woff2"), url("/xstorage/1/Assets/Fonts/ccf25ada-6d2a-4133-95dc-deb039e22999.woff") format("woff"), url("/xstorage/1/Assets/Fonts/126195b4-2fa0-4b95-b5cf-ad9bf10193f0.ttf") format("truetype");
}
@font-face {
  font-family: 'DIN';
  font-weight: 700;
  font-display: swap;
  src: url("/xstorage/1/Assets/Fonts/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot?#iefix");
  src: url("/xstorage/1/Assets/Fonts/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot?#iefix") format("eot"), url("/xstorage/1/Assets/Fonts/03008527-67bd-478e-98e3-3b56dd9a6520.woff2") format("woff2"), url("/xstorage/1/Assets/Fonts/557f817d-9c25-4a23-baaf-a3cf84a7cd7c.woff") format("woff"), url("/xstorage/1/Assets/Fonts/92ed1479-1d40-4a94-8baf-6abd88b17afa.ttf") format("truetype");
}
/*data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%2267.css.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BEACI%2CaAAY%2CQAAZ%3BEACA%2CgBAAA%3BEACA%2CkBAAA%3BEACA%2CSAAQ%2C2EAAR%3BEACA%2CSAAQ%2C4EAAmE%2COAAO%2CYAAW%2CuEAA8D%2COAAO%2CcAAa%2CsEAA6D%2COAAO%2CaAAY%2CqEAA4D%2COAAO%2CWAAlU%3B%3BAAEJ%3BEACI%2CaAAY%2CQAAZ%3BEACA%2CgBAAA%3BEACA%2CkBAAA%3BEACA%2CSAAQ%2C2EAAR%3BEACA%2CSAAQ%2C4EAAmE%2COAAO%2CYAAW%2CuEAA8D%2COAAO%2CcAAa%2CsEAA6D%2COAAO%2CaAAY%2CqEAA4D%2COAAO%2CWAAlU%3B%3BAAGJ%3BEACI%2CaAAY%2CKAAZ%3BEACA%2CgBAAA%3BEACA%2CkBAAA%3BEACA%2CSAAQ%2C2EAAR%3BEACA%2CSAAQ%2C4EAAmE%2COAAO%2CYAAW%2CuEAA8D%2COAAO%2CcAAa%2CsEAA6D%2COAAO%2CaAAY%2CqEAA4D%2COAAO%2CWAAlU%3B%3BAAEJ%3BEACI%2CaAAY%2CKAAZ%3BEACA%2CgBAAA%3BEACA%2CkBAAA%3BEACA%2CSAAQ%2C2EAAR%3BEACA%2CSAAQ%2C4EAAmE%2COAAO%2CYAAW%2CuEAA8D%2COAAO%2CcAAa%2CsEAA6D%2COAAO%2CaAAY%2CqEAA4D%2COAAO%2CWAAlU%3B%3BAAEJ%3BEACI%2CaAAY%2CKAAZ%3BEACA%2CgBAAA%3BEACA%2CkBAAA%3BEACA%2CSAAQ%2C2EAAR%3BEACA%2CSAAQ%2C4EAAmE%2COAAO%2CYAAW%2CuEAA8D%2COAAO%2CcAAa%2CsEAA6D%2COAAO%2CaAAY%2CqEAA4D%2COAAO%2CWAAlU%22%2C%22sourcesContent%22%3A%5B%22%40baseUrl%20%3A%20'%2Fxstorage%2F1%2FAssets%2F'%3B%5Cn%5Cn%40font-face%7B%5Cn%20%20%20%20font-family%3A'Marion'%3B%5Cn%20%20%20%20font-weight%3A300%3B%5Cn%20%20%20%20font-display%3Aswap%3B%5Cn%20%20%20%20src%3Aurl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2Fed49e2e7-bc25-4a50-8fd6-e27cf1765cf2.eot%3F%23iefix%5C%22)%3B%5Cn%20%20%20%20src%3Aurl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2Fed49e2e7-bc25-4a50-8fd6-e27cf1765cf2.eot%3F%23iefix%5C%22)%20format(%5C%22eot%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F7fdf0897-a3c0-4505-9bdb-86a75fbb2ad6.woff2%5C%22)%20format(%5C%22woff2%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F823d877f-aab5-45b9-8292-a55e3c3f9904.woff%5C%22)%20format(%5C%22woff%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F7cb451c2-81c6-475c-960f-f986b637ef1d.ttf%5C%22)%20format(%5C%22truetype%5C%22)%3B%5Cn%7D%5Cn%40font-face%7B%5Cn%20%20%20%20font-family%3A'Marion'%3B%5Cn%20%20%20%20font-weight%3A700%3B%5Cn%20%20%20%20font-display%3Aswap%3B%5Cn%20%20%20%20src%3Aurl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F4355a2d6-0139-4251-896e-c0476cdf00bb.eot%3F%23iefix%5C%22)%3B%5Cn%20%20%20%20src%3Aurl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F4355a2d6-0139-4251-896e-c0476cdf00bb.eot%3F%23iefix%5C%22)%20format(%5C%22eot%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2Fc4627f7a-98a3-43b5-b752-f9b7b2ea969e.woff2%5C%22)%20format(%5C%22woff2%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F2576f9fa-3230-41a5-8c4b-77ec6b6e0919.woff%5C%22)%20format(%5C%22woff%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F4dc8ce6b-93ed-45a2-b16c-b6e8d777a8f0.ttf%5C%22)%20format(%5C%22truetype%5C%22)%3B%5Cn%7D%5Cn%5Cn%40font-face%7B%5Cn%20%20%20%20font-family%3A'DIN'%3B%5Cn%20%20%20%20font-weight%3A300%3B%5Cn%20%20%20%20font-display%3Aswap%3B%5Cn%20%20%20%20src%3Aurl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2Ffb0dd5e6-cf57-43be-8f3f-2880d5389694.eot%3F%23iefix%5C%22)%3B%5Cn%20%20%20%20src%3Aurl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2Ffb0dd5e6-cf57-43be-8f3f-2880d5389694.eot%3F%23iefix%5C%22)%20format(%5C%22eot%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F14aba99e-8c97-4daa-a8df-67920a051402.woff2%5C%22)%20format(%5C%22woff2%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F96fd6d6f-fad6-4dd9-ab70-29547a56cacd.woff%5C%22)%20format(%5C%22woff%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2Fcdc1c0e4-213b-4a01-a1dc-af6dddf2263a.ttf%5C%22)%20format(%5C%22truetype%5C%22)%3B%5Cn%7D%5Cn%40font-face%7B%5Cn%20%20%20%20font-family%3A'DIN'%3B%5Cn%20%20%20%20font-weight%3A500%3B%5Cn%20%20%20%20font-display%3Aswap%3B%5Cn%20%20%20%20src%3Aurl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F936930ba-a8da-4765-9e89-0f35cdff223f.eot%3F%23iefix%5C%22)%3B%5Cn%20%20%20%20src%3Aurl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F936930ba-a8da-4765-9e89-0f35cdff223f.eot%3F%23iefix%5C%22)%20format(%5C%22eot%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F6b4d4830-9c7d-43d2-b5d3-c73f739561b9.woff2%5C%22)%20format(%5C%22woff2%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2Fccf25ada-6d2a-4133-95dc-deb039e22999.woff%5C%22)%20format(%5C%22woff%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F126195b4-2fa0-4b95-b5cf-ad9bf10193f0.ttf%5C%22)%20format(%5C%22truetype%5C%22)%3B%5Cn%7D%5Cn%40font-face%7B%5Cn%20%20%20%20font-family%3A'DIN'%3B%5Cn%20%20%20%20font-weight%3A700%3B%5Cn%20%20%20%20font-display%3Aswap%3B%5Cn%20%20%20%20src%3Aurl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2Ffa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot%3F%23iefix%5C%22)%3B%5Cn%20%20%20%20src%3Aurl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2Ffa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot%3F%23iefix%5C%22)%20format(%5C%22eot%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F03008527-67bd-478e-98e3-3b56dd9a6520.woff2%5C%22)%20format(%5C%22woff2%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F557f817d-9c25-4a23-baaf-a3cf84a7cd7c.woff%5C%22)%20format(%5C%22woff%5C%22)%2Curl(/xassets/uncompressed/less/%5C%22%40%7BbaseUrl%7DFonts%2F92ed1479-1d40-4a94-8baf-6abd88b17afa.ttf%5C%22)%20format(%5C%22truetype%5C%22)%3B%5Cn%7D%22%5D%7D */
@media (max-width: 768px) {
}.firstclass {
  color: red;
}
html,
body {
  height: 100%;
}
@media (min-width: 1400px) {
  .container {
    width: 1270px;
  }
}
.container-fluid {
  max-width: 1270px;
}
.no-padding {
  padding: 0;
}
.no-gutter {
  padding: 0;
}
.no-gutter .row {
  margin: 0;
}
.no-gutter .row [class*=col] {
  padding: 0;
}
h1,
.h1 {
  font-family: 'Marion';
  font-weight: 300;
  font-size: 43px;
  font-size: calc(20px + 4vmin);
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 55px;
    font-size: calc(30px + 3vmin);
  }
}
@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 68px;
    font-size: calc(40px + 3vmin);
  }
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 85px;
    font-size: calc(80px + 0.5vmin);
  }
}
h2,
.h2 {
  font-family: 'Marion';
  font-weight: 300;
  font-size: 47px;
  line-height: 1;
  margin: 0 0 0.6em;
}
.headline-center h2,
.headline-center .h2 {
  text-align: center;
}
@media (min-width: 768px) {
  h2,
  .h2 {
    font-size: 57px;
  }
}
@media (min-width: 992px) {
  h2,
  .h2 {
    font-size: 64px;
  }
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 75px;
  }
}
@media (min-width: 768px) {
  h2.big,
  .h2.big {
    font-size: 75px;
  }
}
@media (min-width: 992px) {
  h2.big,
  .h2.big {
    font-size: 90px;
  }
}
@media (min-width: 1200px) {
  h2.big,
  .h2.big {
    font-size: 100px;
  }
}
h3,
.h3 {
  font-family: 'DIN';
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  margin: 0 0 1.05em;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.headline-center h3,
.headline-center .h3 {
  text-align: center;
}
@media (min-width: 992px) {
  h3,
  .h3 {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 21px;
  }
}
h4,
.h4 {
  font-family: 'Marion';
  font-weight: 300;
  margin: 0 0 0.275em;
  font-size: 15px;
  line-height: 1.25;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  h4,
  .h4 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  h4,
  .h4 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 28px;
  }
}
h5,
.h5 {
  font-family: 'DIN';
  font-weight: 500;
  font-size: 13px;
  margin: 0 0 0.35em;
  line-height: 1.25;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  h5,
  .h5 {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  h5,
  .h5 {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  h5,
  .h5 {
    font-size: 18px;
  }
}
p,
.p {
  margin: 0;
  line-height: 2;
  color: #5a5959;
}
sup {
  font-size: 0.6em;
  top: -0.5em;
}
.btn,
.button-link,
div.loadmore-button {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  border: none;
  box-shadow: none;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
  text-transform: uppercase;
}
.btn:focus,
.button-link:focus {
  outline: none;
}
.btn:not(.button-link--back):not(.load-more-button):not(.button-file):after,
.button-link:not(.button-link--back):not(.load-more-button):not(.button-file):after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e911";
  font-size: 0.65em;
  margin-left: 1.2em;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate(0, -0.1em);
  -moz-transform: translate(0, -0.1em);
  -ms-transform: translate(0, -0.1em);
  -o-transform: translate(0, -0.1em);
  transform: translate(0, -0.1em);
  -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.btn:hover.btn:not(.button-link--back):not(.load-more-button):not(.button-file):after,
.btn:hover.button-link:not(.button-link--back):not(.load-more-button):not(.button-file):after,
.button-link:hover.btn:not(.button-link--back):not(.load-more-button):not(.button-file):after,
.button-link:hover.button-link:not(.button-link--back):not(.load-more-button):not(.button-file):after {
  -webkit-transform: translate(5px, -0.1em);
  -moz-transform: translate(5px, -0.1em);
  -ms-transform: translate(5px, -0.1em);
  -o-transform: translate(5px, -0.1em);
  transform: translate(5px, -0.1em);
}
.btn.button-file:before,
.button-link.button-file:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 1em;
  margin-right: 1.2em;
  display: inline-block;
  vertical-align: middle;
}
.btn--back:before,
.button-link--back:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
  font-size: 0.65em;
  margin-right: 1.2em;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate(0, -0.1em);
  -moz-transform: translate(0, -0.1em);
  -ms-transform: translate(0, -0.1em);
  -o-transform: translate(0, -0.1em);
  transform: translate(0, -0.1em);
}
.btn.load-more-button:after,
.button-link.load-more-button:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
  display: block;
  margin-top: 0.95em;
  font-size: 0.6em;
  -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.btn.load-more-button:hover:after,
.button-link.load-more-button:hover:after {
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}
@media (min-width: 768px) {
  .btn,
  .button-link,
  div.loadmore-button {
    font-size: 16px;
  }
}
.btn:hover.btn-primary,
.button-link:hover.btn-primary,
.btn.hover.btn-primary,
.button-link.hover.btn-primary {
  background-color: #21a1ff;
}
.btn:hover.btn-success,
.button-link:hover.btn-success,
.btn.hover.btn-success,
.button-link.hover.btn-success {
  background-color: #497011;
}
.btn.btn-primary,
.button-link.btn-primary {
  background-color: #87ccff;
}
.btn.btn-success,
.button-link.btn-success {
  background-color: #82c91e;
}
.show-on-success {
  display: none;
}
div.loadmore-button {
  display: table;
  margin: 1.5em auto;
  text-align: center;
  color: #a98d60;
  cursor: pointer;
}
div.loadmore-button:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
  display: block;
  margin-top: 0.95em;
  font-size: 0.6em;
  -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
div.loadmore-button:hover:after {
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}
.slick-slider {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.overflow-section {
  width: 100%;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .text-sm-right {
    text-align: right;
  }
}
.main-container {
  padding: 25px 0;
}
@media (min-width: 768px) {
  .main-container {
    padding: 30px 0;
  }
}
@media (min-width: 992px) {
  .main-container {
    padding: 45px 0;
  }
}
@media (min-width: 1200px) {
  .main-container {
    padding: 60px 0;
  }
}
picture.xr-sizes[data-unique] {
  background: #efefef;
}
picture.xr-sizes[data-unique] img[data-src] {
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -ms-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
picture.xr-sizes[data-unique] img[data-src].lazyloaded {
  opacity: 1;
}
.hero-slider {
  height: 800px;
}
@media (min-width: 768px) {
  .hero-slider {
    height: 800px;
  }
}
.hero-slider .kitchensink {
  min-height: none;
  max-height: none;
  height: 800px;
}
@media (min-width: 768px) {
  .hero-slider .kitchensink {
    height: 800px;
  }
}
.autotune-ip-frame,
.js-sliderfocuspoint,
.focuspoint {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.autotune-ip-frame.focus-initialized img,
.js-sliderfocuspoint.focus-initialized img,
.focuspoint.focus-initialized img {
  opacity: 1;
}
.autotune-ip-frame img,
.js-sliderfocuspoint img,
.focuspoint img {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-height: none;
  max-width: none;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
.autotune-ip-frame img {
  width: 100%;
  height: 100%;
}
.image-gallery .image-holder {
  width: 100%;
  float: left;
  display: block;
}
@media (min-width: 768px) {
  .image-gallery .image-holder {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .image-gallery .image-holder {
    width: 33.333333%;
  }
}
@media (min-width: 1200px) {
  .image-gallery .image-holder {
    width: 25%;
  }
}
.image-gallery .image-holder .image {
  width: 100%;
  height: auto;
}
.parallax-section .parallax-banner {
  padding: 25px 0;
  min-height: 250px;
}
@media (min-width: 768px) {
  .parallax-section .parallax-banner {
    padding: 25px 0;
  }
}
@media (min-width: 992px) {
  .parallax-section .parallax-banner {
    padding: 35px 0;
  }
}
@media (min-width: 1200px) {
  .parallax-section .parallax-banner {
    padding: 35px 0;
  }
}
.key-value.align-top .key,
.key-value.align-top .value {
  vertical-align: top;
}
.key-value .key,
.key-value .value {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.key-value .value {
  text-align: right;
}
form .form-control,
.checkout main .form-control,
.xs-shop-delivery .form-control {
  position: relative;
}
form input,
.checkout main input,
.xs-shop-delivery input,
form .sod_select,
.checkout main .sod_select,
.xs-shop-delivery .sod_select,
form input.form-control,
.checkout main input.form-control,
.xs-shop-delivery input.form-control,
form .form-control,
.checkout main .form-control,
.xs-shop-delivery .form-control,
form textarea,
.checkout main textarea,
.xs-shop-delivery textarea {
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
  border-radius: 0px;
  display: block;
  width: 100%;
  height: 35px;
  padding: 0 15px;
  font-size: 16px;
  border: 1px solid black;
}
form input:focus,
.checkout main input:focus,
.xs-shop-delivery input:focus,
form .sod_select:focus,
.checkout main .sod_select:focus,
.xs-shop-delivery .sod_select:focus,
form input.form-control:focus,
.checkout main input.form-control:focus,
.xs-shop-delivery input.form-control:focus,
form .form-control:focus,
.checkout main .form-control:focus,
.xs-shop-delivery .form-control:focus,
form textarea:focus,
.checkout main textarea:focus,
.xs-shop-delivery textarea:focus {
  outline: none;
  box-shadow: none;
}
form textarea,
.checkout main textarea,
.xs-shop-delivery textarea,
form textarea.form-control,
.checkout main textarea.form-control,
.xs-shop-delivery textarea.form-control {
  height: 105px;
  resize: none;
  padding: 13px;
}
form .sod_select:after,
.checkout main .sod_select:after,
.xs-shop-delivery .sod_select:after {
  display: none;
}
form .sod_select .sod_label,
.checkout main .sod_select .sod_label,
.xs-shop-delivery .sod_select .sod_label {
  display: block;
  font-size: 16px;
  line-height: 35px;
  text-transform: none;
  font-weight: normal;
}
form .sod_select .sod_list_wrapper,
.checkout main .sod_select .sod_list_wrapper,
.xs-shop-delivery .sod_select .sod_list_wrapper {
  width: 100%;
  margin: 0;
  border-width: 1px;
  border-color: black;
  box-sizing: content-box;
  margin: 1px 0 0 -1px;
}
form .sod_select .sod_option,
.checkout main .sod_select .sod_option,
.xs-shop-delivery .sod_select .sod_option {
  padding: 8px 15px;
  text-transform: none;
  font-size: 0.9em;
  color: black;
  cursor: pointer;
}
form .hidden-label label,
.checkout main .hidden-label label,
.xs-shop-delivery .hidden-label label {
  visibility: hidden;
}
form label,
.checkout main label,
.xs-shop-delivery label {
  display: block;
  width: 100%;
}
form .xr_error,
.checkout main .xr_error,
.xs-shop-delivery .xr_error {
  position: absolute;
  bottom: -0.25em;
  left: 15px;
  font-size: 0.8em;
  color: red;
}
form input[type="checkbox"],
.checkout main input[type="checkbox"],
.xs-shop-delivery input[type="checkbox"],
form input[type="radio"],
.checkout main input[type="radio"],
.xs-shop-delivery input[type="radio"] {
  display: none !important;
}
form input[type="checkbox"]:checked ~ .fakebox,
.checkout main input[type="checkbox"]:checked ~ .fakebox,
.xs-shop-delivery input[type="checkbox"]:checked ~ .fakebox,
form input[type="radio"]:checked ~ .fakebox,
.checkout main input[type="radio"]:checked ~ .fakebox,
.xs-shop-delivery input[type="radio"]:checked ~ .fakebox {
  background: #a98d60;
}
.checkout form input[type="checkbox"]:checked ~ .fakebox,
.checkout .checkout main input[type="checkbox"]:checked ~ .fakebox,
.checkout .xs-shop-delivery input[type="checkbox"]:checked ~ .fakebox,
.checkout form input[type="radio"]:checked ~ .fakebox,
.checkout .checkout main input[type="radio"]:checked ~ .fakebox,
.checkout .xs-shop-delivery input[type="radio"]:checked ~ .fakebox {
  background: transparent !important;
}
form input[type="checkbox"] ~ .fakebox,
.checkout main input[type="checkbox"] ~ .fakebox,
.xs-shop-delivery input[type="checkbox"] ~ .fakebox,
form input[type="radio"] ~ .fakebox,
.checkout main input[type="radio"] ~ .fakebox,
.xs-shop-delivery input[type="radio"] ~ .fakebox {
  display: inline-block;
  vertical-align: top;
  width: 13px;
  height: 13px;
  border: 2px solid #a98d60;
  cursor: pointer;
}
form input[type="checkbox"] ~ .inner-text,
.checkout main input[type="checkbox"] ~ .inner-text,
.xs-shop-delivery input[type="checkbox"] ~ .inner-text,
form input[type="radio"] ~ .inner-text,
.checkout main input[type="radio"] ~ .inner-text,
.xs-shop-delivery input[type="radio"] ~ .inner-text {
  font-family: 'DIN';
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
  color: #5b5a5a;
  padding-left: 13px;
  width: calc(100% - 13px);
  margin-left: -5px;
  line-height: 1.4;
  margin-top: -0.25em;
}
form input:-webkit-autofill,
.checkout main input:-webkit-autofill,
.xs-shop-delivery input:-webkit-autofill,
form input:-webkit-autofill:hover,
.checkout main input:-webkit-autofill:hover,
.xs-shop-delivery input:-webkit-autofill:hover,
form input:-webkit-autofill:focus,
.checkout main input:-webkit-autofill:focus,
.xs-shop-delivery input:-webkit-autofill:focus,
form input:-webkit-autofill:active,
.checkout main input:-webkit-autofill:active,
.xs-shop-delivery input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s !important;
}
form textarea:-webkit-autofill,
.checkout main textarea:-webkit-autofill,
.xs-shop-delivery textarea:-webkit-autofill,
form textarea:-webkit-autofill:hover,
.checkout main textarea:-webkit-autofill:hover,
.xs-shop-delivery textarea:-webkit-autofill:hover,
form textarea:-webkit-autofill:focus,
.checkout main textarea:-webkit-autofill:focus,
.xs-shop-delivery textarea:-webkit-autofill:focus,
form textarea:-webkit-autofill:active,
.checkout main textarea:-webkit-autofill:active,
.xs-shop-delivery textarea:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s !important;
}
.filter-button-group {
  text-align: center;
  padding: 25px 0;
}
.filter-button-group .filter {
  display: inline-block;
  font-size: 16px;
  color: #FFF;
  padding: 12px 30px;
  margin: 12px;
  background: #82c91e;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
}
.filter-button-group .filter:focus {
  outline: none;
}
.filter-button-group.standorte-filter {
  padding: 30px 0 0;
}
@media (min-width: 768px) {
  .filter-button-group.standorte-filter {
    padding: 30px 6% 0;
  }
}
.filter-button-group.standorte-filter .filter {
  width: 100%;
  margin: 12px 0;
}
@media (min-width: 768px) {
  .filter-button-group.standorte-filter .filter {
    width: 45%;
    margin: 12px;
  }
}
@media (min-width: 992px) {
  .filter-button-group.standorte-filter .filter {
    width: auto;
  }
}
.standorte {
  padding: 30px 0 70px;
}
.standorte .standort-info {
  max-width: 750px;
  padding: 40px 0;
}
.standorte .google-map {
  height: 270px;
  background: #fff;
}
@media (min-width: 768px) {
  .standorte .google-map {
    height: 350px;
  }
}
@media (min-width: 992px) {
  .standorte .google-map {
    height: 500px;
  }
}
.standorte .table-standorte {
  width: 100%;
  margin: 50px 0;
}
.standorte .table-standorte .table-row {
  display: block;
  padding: 13px 5px 13px 5px;
  border-bottom: 2px solid #555;
}
@media (min-width: 768px) {
  .standorte .table-standorte .table-row {
    padding: 0;
    margin: 0 -2.915%;
  }
}
.standorte .table-standorte .table-cell {
  font-size: 20px;
  color: #000;
  padding: 0;
  text-transform: uppercase;
  max-width: calc(100% - 30px);
}
@media (min-width: 768px) {
  .standorte .table-standorte .table-cell {
    float: left;
    width: 30%;
    padding: 20px;
    margin: 0 2.915%;
  }
}
.standorte .table-standorte .table-cell.adresse {
  font-size: 16px;
  color: #192631;
  text-transform: none;
}
@media (min-width: 768px) {
  .standorte .table-standorte .table-cell.adresse {
    width: 22.5%;
  }
}
.standorte .table-standorte .thead {
  border: none;
  margin-bottom: 10px;
}
.standorte .table-standorte .thead .table-cell {
  font-size: 20px;
  padding: 20px;
  color: #192631;
  text-transform: none;
  border-bottom: 1px solid #555;
}
.standorte .table-standorte .accordion-item {
  position: relative;
  cursor: pointer;
  margin: 0;
}
.standorte .table-standorte .accordion-item.open .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.standorte .table-standorte .accordion-item .table-cell {
  margin: 0;
}
@media (min-width: 768px) {
  .standorte .table-standorte .accordion-item .table-cell.standort {
    width: 38.2%;
  }
  .standorte .table-standorte .accordion-item .table-cell.adresse {
    width: 29.9%;
  }
  .standorte .table-standorte .accordion-item .table-cell.tel {
    width: 31.8%;
    padding-right: 30px;
  }
}
.standorte .table-standorte .accordion-item .arrow {
  display: block;
  position: absolute;
  right: 5px;
  top: 50px;
  font-size: 7px;
  color: #555;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .standorte .table-standorte .accordion-item .arrow {
    top: 30px;
    bottom: auto;
  }
}
.standorte .table-standorte .hidden-infos {
  display: none;
  padding: 25px 0;
}
@media (min-width: 768px) {
  .standorte .table-standorte .hidden-infos {
    padding: 20px 0 40px 20px;
  }
}
.standorte .table-standorte .hidden-infos p,
.standorte .table-standorte .hidden-infos dl,
.standorte .table-standorte .hidden-infos div,
.standorte .table-standorte .hidden-infos .text {
  font-size: 16px;
}
@media (min-width: 768px) {
  .standorte .table-standorte .hidden-infos .v-sm-center {
    position: relative;
    margin: 0 -1px;
  }
  .standorte .table-standorte .hidden-infos .v-sm-center.image-container {
    width: calc(55% - 2px);
    right: 45%;
    margin-right: -4px;
  }
  .standorte .table-standorte .hidden-infos .v-sm-center.info-container {
    width: calc(45% - 2px);
    left: 55%;
    padding-left: 15%;
  }
}
.standorte .table-standorte .hidden-infos .icon-holder {
  position: absolute;
  left: 0;
  top: 0;
  width: 33%;
  height: 100%;
}
.standorte .table-standorte .hidden-infos .icon-holder .bottom {
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
}
.standorte .table-standorte .hidden-infos .icon-holder .icon {
  display: block;
  margin: 10px auto;
  text-align: center;
}
.standorte .table-standorte .hidden-infos .icon-holder .icon span {
  display: inline-block;
  font-size: 30px;
  color: #000;
}
.standorte .table-standorte .hidden-infos address {
  font-style: normal;
}
.standorte .table-standorte .hidden-infos .openingtimes {
  display: block;
  padding: 5px 0;
  margin: 0;
}
.standorte .table-standorte .hidden-infos .openingtimes dt,
.standorte .table-standorte .hidden-infos .openingtimes dd {
  display: inline-block;
  vertical-align: top;
  padding: 3px 0;
}
.standorte .table-standorte .hidden-infos .openingtimes dd {
  margin-left: 6px;
}
.standorte .table-standorte .hidden-infos p {
  margin: 15px 0;
}
.standorte .table-standorte .hidden-infos .bottom-info {
  margin-top: 15px;
  color: #787878;
}
.standorte .table-standorte .hidden-infos .image-container {
  position: relative;
  min-height: 200px;
  height: 55vw;
  margin-top: 35px;
}
@media (min-width: 768px) {
  .standorte .table-standorte .hidden-infos .image-container {
    height: 290px;
    margin: 0;
  }
}
.video-wrapper {
  padding-top: 56.25%;
  position: relative;
}
.video-wrapper .video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.video-wrapper .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  padding: 0;
  border: 0;
  margin: 0;
}
.video-wrapper .thumbnail:hover .play-btn {
  width: 70px;
}
@media (min-width: 768px) {
  .video-wrapper .thumbnail:hover .play-btn {
    width: 100px;
  }
}
@media (min-width: 992px) {
  .video-wrapper .thumbnail:hover .play-btn {
    width: 140px;
  }
}
.video-wrapper .thumbnail .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  -ms-transition: width 300ms ease;
  -o-transition: width 300ms ease;
  transition: width 300ms ease;
}
@media (min-width: 768px) {
  .video-wrapper .thumbnail .play-btn {
    width: 80px;
  }
}
@media (min-width: 992px) {
  .video-wrapper .thumbnail .play-btn {
    width: 120px;
  }
}
@media (min-width: 768px) {
  .related-posts .blog-col:nth-child(2n) .blog-item .image-holder {
    left: 50.75%;
  }
}
@media (min-width: 768px) {
  .related-posts .blog-col:nth-child(2n) .blog-item .text-holder {
    right: 49.25%;
    text-align: right;
  }
}
.blog-overview {
  margin-top: 25px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .blog-overview {
    padding-bottom: 75px;
  }
  .blog-overview .reduce-spacing {
    margin-left: -7px;
    margin-right: -7px;
  }
  .blog-overview .reduce-spacing [class*="col-"] {
    padding: 0 7px;
  }
}
@media (min-width: 768px) {
  .blog-overview .blog-col:nth-child(even) .grid-item .blog-item .image-holder {
    left: 50.75%;
  }
}
@media (min-width: 768px) {
  .blog-overview .blog-col:nth-child(even) .grid-item .blog-item .text-holder {
    right: 49.25%;
    text-align: right;
  }
}
.blog-overview .blog-item {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .blog-overview .blog-item {
    margin-bottom: 60px;
  }
}
.blog-overview .blog-item.event .text-holder .h3 {
  letter-spacing: normal;
}
.blog-overview .blog-item .event-symbol-holder {
  font-size: 37px;
  margin-bottom: 0.6em;
}
@media (min-width: 992px) {
  .blog-overview .blog-item .event-symbol-holder {
    font-size: 47px;
  }
}
.blog-overview .blog-item .event-wording {
  font-family: 'DIN';
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  text-transform: uppercase;
  margin-left: 0.4em;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .blog-overview .blog-item .v-sm-center.text-holder {
    width: 50.75%;
  }
}
@media (min-width: 768px) {
  .blog-overview .blog-item .v-sm-center.image-holder {
    width: 49.25%;
  }
}
.blog-overview .blog-item .image-holder {
  position: relative;
  overflow: hidden;
  height: 56.65vw;
}
@media (min-width: 768px) {
  .blog-overview .blog-item .image-holder {
    height: 380px;
  }
}
@media (min-width: 992px) {
  .blog-overview .blog-item .image-holder {
    height: 450px;
  }
}
.blog-overview .blog-item .image-holder img {
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .blog-overview .blog-item .image-holder img {
    position: relative;
  }
}
.blog-overview .blog-item .text-holder {
  position: relative;
  padding-top: 20px;
}
@media (min-width: 768px) {
  .blog-overview .blog-item .text-holder {
    padding: 0 20px;
  }
}
@media (min-width: 992px) {
  .blog-overview .blog-item .text-holder {
    padding: 0 50px;
  }
}
@media (min-width: 1200px) {
  .blog-overview .blog-item .text-holder {
    padding: 0 70px;
  }
}
.blog-overview .blog-item .text-holder .h3 {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0.5em;
  letter-spacing: normal;
}
@media (min-width: 768px) {
  .blog-overview .blog-item .text-holder .h3 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .blog-overview .blog-item .text-holder .h3 {
    font-size: 18px;
  }
}
.blog-overview .blog-item .text-holder .h2 {
  font-size: 21px;
  margin-bottom: 0.75em;
  letter-spacing: 1px;
  text-transform: none;
}
@media (min-width: 768px) {
  .blog-overview .blog-item .text-holder .h2 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .blog-overview .blog-item .text-holder .h2 {
    font-size: 41px;
  }
}
.blog-overview .blog-item .button-link {
  margin-top: 22px;
  padding: 0;
}
.blog-overview .xr_def_pager_load_more {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
}
.blog-overview .xr_def_pager_load_more:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 2px;
  background: #000;
  border-radius: 5px;
  position: absolute;
  right: 0;
  bottom: 9px;
}
.blog-overview .xr_def_pager_load_more:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 12px;
  background: #000;
  border-radius: 5px;
  position: absolute;
  top: 4px;
  right: 5px;
}
.blog-overview .blog-grid .xr_def_pager .grid-item .image-holder {
  height: 170px;
}
.blog-overview .blog-grid .xr_def_pager:nth-of-type(3n + 2) .grid-item .image-holder,
.blog-overview .blog-grid .xr_def_pager:nth-of-type(5n + 4) .grid-item .image-holder {
  height: 340px;
}
.blog-overview .blog-grid [class*=col-] {
  position: static;
  float: none;
}
.blog-overview .loadmore-button {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  border: none;
  box-shadow: none;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
  text-transform: uppercase;
  background-color: #82c91e;
}
.blog-overview .loadmore-button:focus {
  outline: none;
}
.blog-overview .loadmore-button:not(.button-link--back):not(.load-more-button):not(.button-file):after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e911";
  font-size: 0.65em;
  margin-left: 1.2em;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate(0, -0.1em);
  -moz-transform: translate(0, -0.1em);
  -ms-transform: translate(0, -0.1em);
  -o-transform: translate(0, -0.1em);
  transform: translate(0, -0.1em);
  -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.blog-overview .loadmore-button:hover.blog-overview .loadmore-button:not(.button-link--back):not(.load-more-button):not(.button-file):after {
  -webkit-transform: translate(5px, -0.1em);
  -moz-transform: translate(5px, -0.1em);
  -ms-transform: translate(5px, -0.1em);
  -o-transform: translate(5px, -0.1em);
  transform: translate(5px, -0.1em);
}
.blog-overview .loadmore-button.button-file:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 1em;
  margin-right: 1.2em;
  display: inline-block;
  vertical-align: middle;
}
.blog-overview .loadmore-button--back:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
  font-size: 0.65em;
  margin-right: 1.2em;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate(0, -0.1em);
  -moz-transform: translate(0, -0.1em);
  -ms-transform: translate(0, -0.1em);
  -o-transform: translate(0, -0.1em);
  transform: translate(0, -0.1em);
}
.blog-overview .loadmore-button.load-more-button:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
  display: block;
  margin-top: 0.95em;
  font-size: 0.6em;
  -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.blog-overview .loadmore-button.load-more-button:hover:after {
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}
@media (min-width: 768px) {
  .blog-overview .loadmore-button {
    font-size: 16px;
  }
}
.blog-overview .loadmore-button:hover.btn-primary,
.blog-overview .loadmore-button.hover.btn-primary {
  background-color: #21a1ff;
}
.blog-overview .loadmore-button:hover.btn-success,
.blog-overview .loadmore-button.hover.btn-success {
  background-color: #497011;
}
.blog-overview .loadmore-button.btn-primary {
  background-color: #87ccff;
}
.blog-overview .loadmore-button.btn-success {
  background-color: #82c91e;
}
.blog-overview .loadmore-button:hover {
  background-color: #497011;
}
.timeline {
  position: relative;
  margin: 0 0 40px;
}
@media (min-width: 768px) {
  .timeline {
    margin: 70px 0;
  }
  .timeline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    border-right: 1px solid #000;
  }
}
@media (min-width: 768px) {
  .timeline .row {
    margin: 0 -30px;
  }
}
@media (min-width: 1200px) {
  .timeline .row {
    margin: 0 -50px;
  }
}
@media (min-width: 768px) {
  .timeline .row [class*=col-] {
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .timeline .row [class*=col-] {
    padding: 0 50px;
  }
}
.timeline .timeline-item {
  padding: 20px 0;
  background: url('/xstorage/1/template/assets/zickzack-line.png') bottom left repeat-x;
}
.timeline .timeline-item:last-of-type {
  background: none;
}
@media (min-width: 768px) {
  .timeline .timeline-item {
    background: none;
    padding: 30px 0;
  }
}
.timeline .timeline-item .image-holder {
  position: relative;
  display: inline-block;
}
.timeline .timeline-item .image-holder img {
  display: block;
  max-width: 100%;
  height: auto;
}
.timeline .timeline-item .image-holder .image-info {
  position: absolute;
  bottom: 0;
  font-size: 80px;
}
@media (min-width: 768px) {
  .timeline .timeline-item .image-holder .image-info {
    font-size: 100px;
    top: 10%;
    bottom: auto;
  }
}
.timeline .timeline-item.image-left .image-info {
  right: 71%;
}
@media (min-width: 768px) {
  .timeline .timeline-item.image-left .image-info {
    right: 100%;
  }
}
.timeline .timeline-item.image-right .image-info {
  left: 78%;
}
@media (min-width: 768px) {
  .timeline .timeline-item.image-right .image-info {
    left: 100%;
  }
}
@media (min-width: 768px) {
  .timeline .timeline-item.image-right .textcol p,
  .timeline .timeline-item.image-right .textcol h3 {
    text-align: right;
  }
}
.blog-grid .grid-item {
  width: 100%;
}
@media (min-width: 768px) {
  .blog-grid .grid-item {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .blog-grid .grid-item {
    width: 33.333333%;
  }
}
.blog-grid .grid-item .wissen-item {
  padding: 0 15px 8px;
  margin-bottom: 35px;
}
.blog-grid .grid-item .wissen-item h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blog-grid [class*=xr_def_pager] .grid-item .image-holder {
  height: 170px;
}
.blog-grid [class*=xr_def_pager]:nth-of-type(3n + 2) .grid-item .image-holder,
.blog-grid [class*=xr_def_pager]:nth-of-type(5n + 4) .grid-item .image-holder {
  height: 340px;
}
.cookiewarning {
  padding: 15px 0px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2005;
  background: rgba(0, 0, 0, 0.55);
  opacity: 1;
  -webkit-box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.05);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (min-width: 992px) {
  .cookiewarning {
    padding: 20px 0px;
  }
}
.cookiewarning.closing {
  opacity: 0;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
.cookiewarning .cookie {
  width: 50px;
  height: auto;
  margin-right: 15px;
}
.cookiewarning .text-wrapper {
  color: #FFF;
  text-align: justify;
  font-size: 12px;
  padding-right: 50px;
}
@media (min-width: 768px) {
  .cookiewarning .text-wrapper {
    text-align: left;
    font-size: 14px;
    padding-right: 50px;
  }
}
.cookiewarning .close-icon {
  margin-left: 10px;
  font-size: 28px;
  cursor: pointer;
  color: #FFF;
}
.cookiewarning .close-icon img {
  width: 30px;
  height: 30px;
}
.loadmore-loader {
  display: none;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.loadmore-loader .cssload-container {
  width: 100%;
  height: 49px;
  text-align: center;
  position: absolute;
  top: 150px;
}
.loadmore-loader .cssload-double-torus {
  width: 49px;
  height: 49px;
  margin: 0 auto;
  border: 4px double;
  border-radius: 50%;
  border-color: transparent #000 #000;
  animation: cssload-spin 690ms infinite linear;
  -o-animation: cssload-spin 690ms infinite linear;
  -ms-animation: cssload-spin 690ms infinite linear;
  -moz-animation: cssload-spin 690ms infinite linear;
  -webkit-animation: cssload-spin 690ms infinite linear;
}
@keyframes cssload-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes cssload-spin {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes cssload-spin {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes cssload-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes scroll-down {
  0%,
  35% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  45% {
    -webkit-transform: translate(0, 7px);
    -moz-transform: translate(0, 7px);
    -ms-transform: translate(0, 7px);
    -o-transform: translate(0, 7px);
    transform: translate(0, 7px);
    opacity: 0;
  }
  50%,
  55% {
    opacity: 0;
    -webkit-transform: translate(0, -7px);
    -moz-transform: translate(0, -7px);
    -ms-transform: translate(0, -7px);
    -o-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
  65%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
/*/xassets/uncompressed/source_map/17.css.css.map */
@media (max-width: 768px) {
}* {
  outline: none !important;
}
html {
  scroll-behavior: smooth;
}
body,
html {
  font-family: 'DIN';
  font-weight: 500;
  font-size: 13px;
  width: 100%;
  font-display: swap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  body,
  html {
    font-size: 14px;
  }
}
body {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}
body.header-static {
  padding-top: 77px;
}
@media (min-width: 768px) {
  body.header-static {
    padding-top: 85px;
  }
}
main {
  width: 100%;
  height: auto;
}
body.no-transitions * {
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 20px 30px;
  transition: background 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), padding 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 992px) {
  .header {
    padding: 40px 30px 20px;
  }
  body:not(.startseite) .header {
    padding-top: 50px;
  }
}
.header.scrolled,
.header.flappy-open,
.header-static .header {
  background: #192631;
  color: white;
  padding-top: 20px !important;
}
@media (min-width: 992px) {
  .header.scrolled .logo-holder svg,
  .header.flappy-open .logo-holder svg,
  .header-static .header .logo-holder svg {
    width: 90px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header.scrolled .logo-holder svg,
  .header.flappy-open .logo-holder svg,
  .header-static .header .logo-holder svg {
    height: 45px;
  }
}
.header.scrolled .logo-holder svg path,
.header.flappy-open .logo-holder svg path,
.header-static .header .logo-holder svg path {
  fill: #a98d60;
}
@media (min-width: 768px) {
  .header.scrolled .tool-holder,
  .header.flappy-open .tool-holder,
  .header-static .header .tool-holder,
  .header.scrolled .nav,
  .header.flappy-open .nav,
  .header-static .header .nav {
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }
}
.header .flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .header .flex-container {
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .header .logo-holder {
    position: relative;
    width: calc(15px + 8vw);
    max-width: 130px;
  }
  .header .logo-holder svg {
    display: block;
    width: 100%;
    height: auto;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header .logo-holder svg {
    height: 63px !important;
  }
}
.header svg {
  display: inline-block;
  vertical-align: middle;
  height: 31px;
  width: auto;
  -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  /*
        @media @sm {
            height:calc(~"8px + 4vw");
            max-height:65px;
        }
        */
}
.header svg path {
  -webkit-transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav-slide-down.header svg path {
  fill: #a98d60;
}
.header .tool-holder {
  font-family: 'Marion';
  font-weight: 300;
  position: relative;
  margin: 0 -5px;
  -webkit-transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header .tool-holder.kassa {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.header .tool-holder .checkout-header-headline {
  font-family: 'Marion';
  font-weight: 300;
  color: white;
  font-size: 2em;
}
.header .tool-item {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
  border: 1px solid white;
  color: white;
  height: 30px;
  width: 40px;
  text-align: center;
  font-size: 15px;
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header .tool-item:hover,
.header .tool-item:active {
  background: white;
  color: #192631;
}
.header .tool-item span {
  display: block;
  line-height: 28px;
}
@media (min-width: 1200px) {
  .header .tool-item.warenkorb {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1200px) {
  .header .tool-item.warenkorb .wording,
  .header .tool-item.warenkorb .icon {
    display: inline-block;
    vertical-align: middle;
  }
}
.header .tool-item.warenkorb .icon {
  position: relative;
}
.header .tool-item.warenkorb .icon .amount {
  line-height: 17px;
}
.header .tool-item.warenkorb .wording {
  font-size: 14px;
  letter-spacing: 1px;
  margin-right: 1.1em;
  text-transform: uppercase;
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.header .tool-item.language {
  position: relative;
  cursor: pointer;
  font-size: 13px;
}
.header .tool-item.language:hover .language-dropdown a {
  color: #a98d60;
}
.header .tool-item.language .language-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  border: 1px solid white;
  border-top: 0;
  background-color: white;
}
.header .tool-item.language .language-dropdown a {
  display: block;
  padding: 5px 0;
  border-bottom: 1px solid white;
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header .tool-item.language .language-dropdown a:last-of-type {
  border-bottom: none;
}
.scrolled.header .tool-item.language .language-dropdown a {
  background: #192631;
}
.scrolled.header .tool-item.language .language-dropdown a:hover {
  background: white;
}
.header .tool-item.language .language-dropdown a:hover {
  background: white;
  color: #192631;
}
.header .tool-item.language.active .language-dropdown {
  display: block;
}
.header .hamburger {
  display: inline-block;
  vertical-align: middle;
  height: 37px;
  margin: 0 5px 0 -10px;
  -webkit-transform: translate(0, -3px);
  -moz-transform: translate(0, -3px);
  -ms-transform: translate(0, -3px);
  -o-transform: translate(0, -3px);
  transform: translate(0, -3px);
}
.header .hamburger-inner:before {
  top: -7px;
}
.header .hamburger-inner:after {
  top: 7px;
}
.header .nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #192631;
  color: #a98d60;
  padding: 110px 45px 25px;
  z-index: -1;
  opacity: 0;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.35s;
  -webkit-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.35s;
  pointer-events: none;
  max-height: 100vh;
}
@media (min-width: 768px) {
  .header .nav {
    position: relative;
    z-index: 2;
    background: none;
    padding: 0;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: all;
    max-height: none;
    -webkit-transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}
.nav-slide-down.header .nav {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  pointer-events: all;
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (max-width: 767.98px) {
  .header .nav-inner-reveal {
    opacity: 0;
    max-height: calc(100vh - 250px);
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate(0, -60px);
    -moz-transform: translate(0, -60px);
    -ms-transform: translate(0, -60px);
    -o-transform: translate(0, -60px);
    transform: translate(0, -60px);
    transition: transform 0.3s cubic-bezier(0.335, 1, 0.68, 0.95), opacity 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: transform 0.3s cubic-bezier(0.335, 1, 0.68, 0.95), opacity 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .nav-slide-down.header .nav-inner-reveal {
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
    transition: transform 0.45s cubic-bezier(0.335, 1, 0.68, 0.95) 0.3s, opacity 0.25s cubic-bezier(0.335, 1, 0.68, 0.95) 0.375s;
    -webkit-transition: transform 0.45s cubic-bezier(0.335, 1, 0.68, 0.95) 0.3s, opacity 0.25s cubic-bezier(0.335, 1, 0.68, 0.95) 0.375s;
  }
}
.header .nav-inner-reveal .mCSB_container {
  margin-right: 0;
}
.header .nav-inner-reveal .mCSB_scrollTools_vertical {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.header .nav-item {
  position: relative;
  font-size: 1.3em;
  letter-spacing: 1px;
  padding: 11px 0;
  text-transform: uppercase;
  border-top: 1px solid rgba(170, 142, 97, 0.3);
  -webkit-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header .nav-item.active {
  color: #a98d60;
}
.header .nav-item:first-of-type {
  border-top: none;
}
@media (max-width: 767.98px) {
  .header .nav-item-inner:hover,
  .header .nav-item-inner:active {
    color: white;
  }
}
.header .nav-item-inner.no-link {
  cursor: default;
  display: block;
}
.header .nav-item.has-submenu:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "\e914";
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 0.4em;
  -webkit-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 768px) {
  .header .nav-item.has-submenu:after {
    top: 100%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}
.header .nav-item.has-submenu.submenu-open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .header .nav-item {
    display: inline-block;
    font-size: 0.8em;
    line-height: 30px;
    padding: 0 10px;
    border-top: none;
    color: white;
  }
  .header .nav-item:hover {
    color: #a98d60;
  }
  .header .nav-item:hover:after {
    -webkit-transform: translate(0, 15px);
    -moz-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    -o-transform: translate(0, 15px);
    transform: translate(0, 15px);
    opacity: 0;
  }
  .header .nav-item:hover .sub-nav {
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    opacity: 1;
    pointer-events: auto;
  }
}
@media (min-width: 992px) {
  .header .nav-item {
    padding: 0 21px;
    font-size: 0.85em;
  }
}
@media (min-width: 1200px) {
  .header .nav-item {
    font-size: 1.1em;
  }
}
.header .nav .sub-nav {
  display: none;
  padding: 15px 0 10px;
}
@media (min-width: 768px) {
  .header .nav .sub-nav {
    display: block !important;
    padding: 10px 0;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    -o-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    background: #ffffff;
    box-shadow: 0 0 15px rgba(50, 50, 50, 0.4);
    opacity: 0;
    pointer-events: none;
    margin-top: 15px;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .header .nav .sub-nav:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 15px;
  }
}
.header .nav .sub-nav-item {
  display: block;
  font-size: 0.9em;
  padding: 0.35em 0 calc(.35em + 2px);
  text-transform: none;
}
@media (min-width: 768px) {
  .header .nav .sub-nav-item {
    position: relative;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.3em 40px 0.3em 25px;
    color: #5a5959;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    /*
                    &:not(:last-of-type):after {
                        content:"";
                        
                        position:absolute;
                        bottom:0; left:0; right:0;
                        
                        display:inline-block;
                        width:100px;
                        height:2px;
                        background:lighten(@grey,30%);
                        margin:0 auto;
                    }
                    */
  }
  .header .nav .sub-nav-item:hover,
  .header .nav .sub-nav-item.active {
    color: #a98d60;
    background: #192631;
  }
}
.header .nav .language-holder {
  margin-top: 45px;
  text-align: center;
}
.header .nav .language-item {
  display: inline-block;
  padding: 7px;
  padding-right: 13px;
  color: #a98d60;
  border: 1px solid #a98d60;
  margin: 0 4px;
}
.header .nav .language-item.active,
.header .nav .language-item:hover,
.header .nav .language-item:active {
  color: white;
  background: #a98d60;
}
.teaser-slideshow {
  position: relative;
}
.teaser-slideshow .slider-holder.slick-dotted {
  margin-bottom: 0;
}
.teaser-slideshow,
.teaser-slideshow .slider-holder,
.teaser-slideshow .slick-list,
.teaser-slideshow .slick-track {
  height: 100%;
}
.teaser-slideshow .slick-current .focuspoint {
  /*
            animation-name: zoom;
            animation-duration: 9s;
            animation-fill-mode: forwards;
            */
}
.teaser-slideshow-item {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100vh;
  background: black;
}
.teaser-slideshow-item.animate .focuspoint {
  opacity: 1;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  transition: opacity 0.4s cubic-bezier(0.335, 1, 0.68, 0.95) 0.25s, transform 7s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: opacity 0.4s cubic-bezier(0.335, 1, 0.68, 0.95) 0.25s, transform 7s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.teaser-slideshow-item.animate figcaption {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.335, 1, 0.68, 0.95) 1.5s, transform 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.3s;
  -webkit-transition: opacity 0.5s cubic-bezier(0.335, 1, 0.68, 0.95) 1.5s, transform 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.3s;
}
.teaser-slideshow-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 50%;
  right: 0;
  background-color: rgba(0, 0, 0, 0.55);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.55)), to(rgba(0, 0, 0, 0.0001)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.0001));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.0001));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.0001));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.0001));
  background: linear-gradient(top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.0001));
  z-index: 2;
}
.teaser-slideshow-item .focuspoint {
  opacity: 0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: opacity 1s cubic-bezier(0.335, 1, 0.68, 0.95) 0.15s, transform 2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: opacity 1s cubic-bezier(0.335, 1, 0.68, 0.95) 0.15s, transform 2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.teaser-slideshow-item h1,
.teaser-slideshow-item .h1 {
  white-space: nowrap;
  margin: 0;
  text-transform: none;
  text-shadow: 0 0 10px rgba(124, 124, 124, 0.32);
}
.teaser-slideshow-item h1 small,
.teaser-slideshow-item .h1 small {
  display: block;
  color: white;
  font-size: 0.35em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'DIN';
  font-weight: 500;
  margin-top: 0.5em;
}
.teaser-slideshow-item figcaption {
  position: relative;
  text-align: center;
  padding: 0 10%;
  color: white;
  z-index: 3;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.335, 1, 0.68, 0.95) 0.15s, transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: opacity 0.35s cubic-bezier(0.335, 1, 0.68, 0.95) 0.15s, transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.teaser-slideshow .slick-dots {
  display: none;
  bottom: auto;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 4%;
  width: auto;
}
@media (min-width: 992px) {
  .teaser-slideshow .slick-dots {
    display: block;
  }
}
.teaser-slideshow .slick-dots li {
  display: block;
  width: auto;
  height: auto;
  margin: 18px 0;
}
@media (min-width: 768px) {
  .teaser-slideshow .slick-dots li {
    margin: 10px 0;
  }
}
.teaser-slideshow .slick-dots li button {
  width: 11px;
  height: 11px;
  padding: 0;
  background: rgba(255, 255, 255, 0.58);
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.teaser-slideshow .slick-dots li button:before {
  display: none;
}
@media (min-width: 768px) {
  .teaser-slideshow .slick-dots li button {
    width: 9px;
    height: 9px;
  }
}
.teaser-slideshow .slick-dots li.slick-active button {
  height: 22px;
  border-radius: 22px;
  background: white;
}
.teaser-slideshow .scroll-down {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5%;
  text-align: center;
  font-size: 14px;
  color: white;
  font-family: 'DIN';
  font-weight: 300;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  cursor: pointer;
}
@media (min-width: 768px) {
  .teaser-slideshow .scroll-down {
    font-size: 16px;
    bottom: 7%;
  }
}
@media (min-width: 992px) {
  .teaser-slideshow .scroll-down {
    font-size: 17px;
  }
}
.teaser-slideshow .scroll-down .wording {
  display: block;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0.9em;
  letter-spacing: 1px;
}
.teaser-slideshow .scroll-down .arrow {
  display: block;
  font-size: 0.5em;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  animation-name: scroll-down;
  animation-duration: 2.3s;
  animation-iteration-count: infinite;
}
.teaser-image {
  position: relative;
  height: 200px;
  color: white;
  background: #192631;
  overflow: hidden;
}
@media (min-width: 768px) {
  .teaser-image {
    height: 300px;
    margin: 15px;
  }
}
@media (min-width: 992px) {
  .teaser-image {
    height: 390px;
    margin: 25px;
  }
}
@media (min-width: 1200px) {
  .teaser-image {
    height: 440px;
  }
}
.teaser-image .focuspoint {
  opacity: 0.65;
}
.teaser-image .teaser-headline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.teaser-image .teaser-headline h1 {
  line-height: 0.6;
  margin: 0;
  white-space: nowrap;
}
.teaser-image + article {
  position: relative;
  padding: 40px 0 50px;
}
@media (min-width: 768px) {
  .teaser-image + article {
    padding: 40px 0 100px;
  }
}
.teaser-image + article + .shop-overview {
  padding-top: 0 !important;
}
.teaser-image + article .teaser-text-muster {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40%;
  height: auto;
  max-width: 670px;
  min-width: 300px;
  -webkit-transform: translate(7%, 54%);
  -moz-transform: translate(7%, 54%);
  -ms-transform: translate(7%, 54%);
  -o-transform: translate(7%, 54%);
  transform: translate(7%, 54%);
  z-index: -1;
  opacity: 0.9;
}
.teaser-image + article p + a {
  margin-top: 2em;
}
.text-section {
  position: relative;
  padding: 60px 0;
}
@media (min-width: 768px) {
  .text-section {
    padding: 100px 0;
  }
}
@media (min-width: 992px) {
  .text-section {
    padding: 130px 0;
  }
}
@media (min-width: 1200px) {
  .text-section {
    padding: 165px 0;
  }
}
.text-section h3,
.text-section h2 {
  text-align: center;
}
.text-section h2 {
  color: #a98d60;
}
.text-section p {
  color: #5a5959;
}
@media (min-width: 992px) {
  .text-section p {
    font-size: 15px;
  }
}
.text-section .button-link {
  margin-top: 2.5em;
  color: #a98d60;
}
.text-section article {
  display: block;
  max-width: 640px;
  margin: 0 auto;
}
.text-section .text-muster {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: auto;
  max-width: 750px;
  min-width: 430px;
  -webkit-transform: translate(25%, 25%);
  -moz-transform: translate(25%, 25%);
  -ms-transform: translate(25%, 25%);
  -o-transform: translate(25%, 25%);
  transform: translate(25%, 25%);
  z-index: -1;
  opacity: 0.9;
}
.link-boxen {
  max-width: 1500px;
  margin: 0 auto;
}
.link-boxen .container-fluid {
  max-width: none;
}
.link-boxen .row {
  margin: 0 -9px;
}
.link-boxen .row [class*=col-] {
  padding: 0 9px;
}
.link-boxen .box-item {
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: #192631;
  color: white;
}
.link-boxen .box-item:hover .focuspoint {
  opacity: 0.8;
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
  transform: scale(1.07);
}
.link-boxen .box-item .focuspoint {
  opacity: 0.6;
  -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link-boxen .box-item article {
  position: relative;
  display: block;
  width: 100%;
  z-index: 2;
}
.link-boxen .box-item article h2,
.link-boxen .box-item article .h2 {
  margin-bottom: 0;
}
.link-boxen .box-item article .button-link {
  margin-top: 0.85em;
  -webkit-transform: translate(2.25em, 0);
  -moz-transform: translate(2.25em, 0);
  -ms-transform: translate(2.25em, 0);
  -o-transform: translate(2.25em, 0);
  transform: translate(2.25em, 0);
}
.link-boxen .big-box {
  height: 300px;
}
@media (min-width: 768px) {
  .link-boxen .big-box {
    height: 618px;
  }
}
@media (min-width: 1200px) {
  .link-boxen .big-box {
    height: 748px;
  }
}
@media (min-width: 768px) {
  .link-boxen .box-holder {
    margin: -18px 0;
  }
}
.link-boxen .small-box {
  height: 300px;
  margin: 18px 0;
}
@media (min-width: 1200px) {
  .link-boxen .small-box {
    height: 365px;
  }
}
.selection-shop {
  padding: 30px 0 50px;
}
@media (min-width: 768px) {
  .selection-shop {
    padding: 50px 0;
  }
}
@media (min-width: 992px) {
  .selection-shop {
    padding: 70px 0;
  }
}
@media (min-width: 1200px) {
  .selection-shop {
    padding: 90px 0;
  }
}
.selection-shop .container-fluid {
  max-width: none;
}
.selection-shop .owl-stage {
  margin: 0 auto;
}
.selection-shop .owl-stage .owl-item img {
  width: auto;
}
.selection-arrow-holder {
  position: relative;
  padding: 0 3%;
  max-width: 1500px;
  margin: -130px auto 0;
}
@media (min-width: 768px) {
  .selection-arrow-holder {
    padding: 0 40px;
    margin-top: -90px;
  }
}
@media (min-width: 992px) {
  .selection-arrow-holder {
    padding: 0 55px;
    margin-top: -100px;
  }
}
@media (min-width: 1200px) {
  .selection-arrow-holder {
    margin-top: -120px;
  }
}
.selection-arrow-holder .arrow {
  position: absolute;
  top: 60%;
  -webkit-transform: translate(0, -60%);
  -moz-transform: translate(0, -60%);
  -ms-transform: translate(0, -60%);
  -o-transform: translate(0, -60%);
  transform: translate(0, -60%);
  font-size: 20px;
  color: #a98d60;
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 768px) {
  .selection-arrow-holder .arrow {
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .selection-arrow-holder .arrow {
    font-size: 30px;
    top: 52%;
    -webkit-transform: translate(0, -52%);
    -moz-transform: translate(0, -52%);
    -ms-transform: translate(0, -52%);
    -o-transform: translate(0, -52%);
    transform: translate(0, -52%);
  }
}
.selection-arrow-holder .arrow:hover {
  opacity: 1;
}
.selection-arrow-holder .arrow-prev {
  left: 2%;
}
@media (min-width: 992px) {
  .selection-arrow-holder .arrow-prev {
    left: 0;
  }
}
.selection-arrow-holder .arrow-next {
  right: 2%;
}
@media (min-width: 992px) {
  .selection-arrow-holder .arrow-next {
    right: 0;
  }
}
.selection-background {
  position: absolute;
}
@media (min-width: 992px) {
  .selection-background.left {
    top: 20%;
    left: 55px;
    right: 74%;
    bottom: 27%;
    background: #e6e6e6;
  }
}
@media (min-width: 1200px) {
  .selection-background.left {
    top: 28%;
    left: 55px;
    right: 66%;
    bottom: 24%;
  }
}
@media (min-width: 992px) {
  .selection-background.right {
    top: 20%;
    right: 55px;
    left: 74%;
    bottom: 27%;
    background: #e6e6e6;
  }
}
@media (min-width: 1200px) {
  .selection-background.right {
    top: 28%;
    right: 55px;
    left: 66%;
    bottom: 24%;
  }
}
.selection-background.center {
  top: 30%;
  left: 7.5%;
  right: 7.5%;
  bottom: 7%;
  box-shadow: 0 4px 20px 6px rgba(100, 100, 100, 0.27);
  background: #192631;
}
@media (min-width: 768px) {
  .selection-background.center {
    top: 18%;
    left: 19.5%;
    right: 19.5%;
    bottom: 7%;
  }
}
@media (min-width: 992px) {
  .selection-background.center {
    top: 18%;
    left: 27.5%;
    right: 27.5%;
    bottom: 4%;
  }
}
@media (min-width: 1200px) {
  .selection-background.center {
    top: 26%;
    left: 35%;
    right: 35%;
    bottom: 4%;
  }
}
.selection-holder .slick-list,
.selection-holder .owl-stage {
  padding-top: 100px;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .selection-holder .slick-list,
  .selection-holder .owl-stage {
    padding-top: 30px !important;
  }
}
.selection-holder .shop-product-kachel {
  margin-left: 10px;
  margin-right: 10px;
}
.selection-item {
  padding: 0 15px 15px;
}
@media (min-width: 992px) {
  .selection-item {
    padding: 0;
  }
}
.cite-section {
  position: relative;
}
@media (min-width: 768px) {
  .cite-section {
    margin-top: -7%;
  }
}
@media (min-width: 1200px) {
  .cite-section {
    margin-top: -130px;
  }
}
.cite-section .mann-muster {
  position: absolute;
  bottom: 16%;
  right: -5%;
  width: 50%;
  height: auto;
  min-width: 400px;
  max-width: 740px;
  opacity: 0.9;
}
@media (min-width: 1400px) {
  .cite-section .mann-muster {
    left: 80%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.cite-section .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 7px;
}
.cite-section .slick-dots li button {
  width: 7px;
  height: 7px;
}
.cite-section .slick-dots li button:after,
.cite-section .slick-dots li button:before {
  display: none;
}
.cite-item {
  position: relative;
  background: #192631;
  color: #a98d60;
  padding: 50px 0;
  margin-top: 7%;
}
@media (min-width: 768px) {
  .cite-item {
    margin: 150px 15px 0;
    padding: 80px 0;
  }
}
@media (min-width: 992px) {
  .cite-item {
    margin: 270px 25px 0;
    padding: 110px 0;
    min-height: 534px;
  }
}
@media (min-width: 1200px) {
  .cite-item {
    min-height: 576px;
  }
}
@media (min-width: 768px) {
  .cite-item .text-holder {
    padding: 0 5%;
  }
}
@media (min-width: 1400px) {
  .cite-item .text-holder {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .cite-item .text-holder h2,
  .cite-item .text-holder .h2 {
    font-size: calc(5px + 7vw);
  }
}
@media (min-width: 992px) {
  .cite-item .text-holder h2,
  .cite-item .text-holder .h2 {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .cite-item .text-holder h2,
  .cite-item .text-holder .h2 {
    font-size: 50px;
  }
}
.cite-item .text-holder p {
  color: #a98d60;
}
.cite-item .text-holder p:before {
  content: '”';
  display: block;
  font-size: 3.5em;
  font-family: 'Marion';
  font-weight: 700;
  line-height: 0;
  margin-top: 0.8em;
}
.cite-holder {
  font-style: normal;
  font-size: 12px;
  line-height: 1.65;
}
@media (min-width: 768px) {
  .cite-holder {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .cite-holder {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .cite-holder {
    font-size: 18px;
  }
}
.cite-owner {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .cite-owner {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .cite-owner {
    margin-top: 38px;
  }
}
.cite-sign {
  display: block;
  width: auto;
  height: 80px;
}
.cite-name {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .cite-name {
    font-size: 14px;
  }
}
.cite-image {
  position: absolute;
  bottom: 0;
  right: calc(-10px - 5vw);
  max-width: 85%;
  max-height: 120%;
  width: auto;
  height: auto;
}
@media (min-width: 768px) {
  .cite-image {
    max-height: 740px;
    max-width: 60%;
  }
}
@media (min-width: 992px) {
  .cite-image {
    right: -5%;
    max-height: 676px;
  }
}
@media (min-width: 1400px) {
  .cite-image {
    right: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-left: 420px;
    max-height: calc(100% + 270px);
  }
}
.news-teaser {
  text-align: center;
  padding: 50px 0;
}
@media (min-width: 768px) {
  .news-teaser {
    padding: 80px 0;
  }
}
@media (min-width: 992px) {
  .news-teaser {
    padding: 100px 0;
  }
}
.news-teaser.detail {
  padding: 30px 0;
}
.news-holder {
  text-align: left;
}
@media (min-width: 768px) {
  .news-holder {
    margin-bottom: 35px;
  }
}
@media (min-width: 992px) {
  .news-holder {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .news-holder .xf_loadmore_item:last-of-type {
    width: 41.66666667%;
  }
}
.news .blog-height {
  height: 260px;
}
@media (min-width: 768px) {
  .news .blog-height {
    height: 350px;
  }
}
@media (min-width: 992px) {
  .news .blog-height {
    height: 420px;
  }
}
@media (min-width: 1200px) {
  .news .blog-height {
    height: 470px;
  }
}
.news .loadmore-content {
  height: 260px;
}
@media (min-width: 768px) {
  .news .loadmore-content {
    height: 350px;
  }
}
@media (min-width: 992px) {
  .news .loadmore-content {
    height: 420px;
  }
}
@media (min-width: 1200px) {
  .news .loadmore-content {
    height: 470px;
  }
}
.news .blog-item {
  position: relative;
  overflow: hidden;
  height: 260px;
  margin-bottom: 17px;
}
@media (min-width: 768px) {
  .news .blog-item {
    height: 350px;
  }
}
@media (min-width: 992px) {
  .news .blog-item {
    height: 420px;
  }
}
@media (min-width: 1200px) {
  .news .blog-item {
    height: 470px;
  }
}
.news .blog-item + .mobile-text-holder {
  padding: 10px 0 30px;
}
.news .blog-item + .mobile-text-holder h4 {
  text-transform: none;
  color: #a98d60;
  font-size: 27px;
  margin-bottom: 0.7em;
}
.news .blog-item + .mobile-text-holder h5 {
  font-size: 13px;
  color: #5a5959;
}
.news .blog-item + .mobile-text-holder .button-link {
  margin-top: 20px;
}
.news .blog-item:hover .blog-overlay,
.news .blog-item:focus .blog-overlay,
.news .blog-item:active .blog-overlay {
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.news .blog-item:hover .blog-overlay .inner-text,
.news .blog-item:focus .blog-overlay .inner-text,
.news .blog-item:active .blog-overlay .inner-text {
  max-height: 260px;
}
@media (min-width: 768px) {
  .news .blog-item:hover .blog-overlay .inner-text,
  .news .blog-item:focus .blog-overlay .inner-text,
  .news .blog-item:active .blog-overlay .inner-text {
    max-height: 350px;
  }
}
@media (min-width: 992px) {
  .news .blog-item:hover .blog-overlay .inner-text,
  .news .blog-item:focus .blog-overlay .inner-text,
  .news .blog-item:active .blog-overlay .inner-text {
    max-height: 420px;
  }
}
@media (min-width: 1200px) {
  .news .blog-item:hover .blog-overlay .inner-text,
  .news .blog-item:focus .blog-overlay .inner-text,
  .news .blog-item:active .blog-overlay .inner-text {
    max-height: 470px;
  }
}
.news .blog-item:hover .blog-overlay .inner-text h5,
.news .blog-item:focus .blog-overlay .inner-text h5,
.news .blog-item:active .blog-overlay .inner-text h5,
.news .blog-item:hover .blog-overlay .inner-text p,
.news .blog-item:focus .blog-overlay .inner-text p,
.news .blog-item:active .blog-overlay .inner-text p,
.news .blog-item:hover .blog-overlay .inner-text .button-link,
.news .blog-item:focus .blog-overlay .inner-text .button-link,
.news .blog-item:active .blog-overlay .inner-text .button-link {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.news .blog-item:hover .blog-overlay .inner-text h5,
.news .blog-item:focus .blog-overlay .inner-text h5,
.news .blog-item:active .blog-overlay .inner-text h5 {
  transition-delay: 120ms;
}
.news .blog-item:hover .blog-overlay .inner-text p,
.news .blog-item:focus .blog-overlay .inner-text p,
.news .blog-item:active .blog-overlay .inner-text p {
  transition-delay: 155ms;
}
.news .blog-item:hover .blog-overlay .inner-text .button-link,
.news .blog-item:focus .blog-overlay .inner-text .button-link,
.news .blog-item:active .blog-overlay .inner-text .button-link {
  transition-delay: 170ms;
}
.news .blog-item .event-symbol-holder {
  font-size: 29px;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .news .blog-item .event-symbol-holder {
    font-size: 37px;
  }
}
@media (min-width: 992px) {
  .news .blog-item .event-symbol-holder {
    font-size: 47px;
  }
}
.news .blog-item .event-wording {
  font-family: 'DIN';
  font-weight: 500;
  font-size: 12px;
  text-tranform: uppercase;
  margin-left: 0.4em;
}
.news .blog-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  background: rgba(0, 0, 0, 0.25);
  padding: 7%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -moz-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -ms-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -o-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
.news .blog-overlay p {
  margin-top: 1.7em;
  max-width: 520px;
  color: white;
}
.news .blog-overlay .button-link {
  margin-top: 2em;
}
.news .blog-overlay .inner-text {
  max-height: 20px;
  -webkit-transition: max-height 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: max-height 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: max-height 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: max-height 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: max-height 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 768px) {
  .news .blog-overlay .inner-text {
    max-height: 23px;
  }
}
@media (min-width: 992px) {
  .news .blog-overlay .inner-text {
    max-height: 30px;
  }
}
.news .blog-overlay .inner-text h5,
.news .blog-overlay .inner-text p,
.news .blog-overlay .inner-text .button-link {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -moz-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  -o-transform: translate(0, 40px);
  transform: translate(0, 40px);
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.newsletter-anmeldung,
.verkostung-reservierung {
  position: relative;
  margin: 15px;
  padding: 35px 10px;
  background-image: url('//www.weingutnigl.at/xstorage/1/_cache/20180907/bg_beige_368_1_4848b26de3e03bf0195f95b6e30ad86a.jpg');
  background-size: cover;
  background-position: left top;
  z-index: 2;
}
@media (min-width: 768px) {
  .newsletter-anmeldung,
  .verkostung-reservierung {
    padding: 90px 0;
  }
}
@media (min-width: 992px) {
  .newsletter-anmeldung,
  .verkostung-reservierung {
    padding: 115px 0 100px;
    margin: 25px;
  }
}
.newsletter-anmeldung .terrasse,
.verkostung-reservierung .terrasse {
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 80%;
  height: auto;
  max-width: 530px;
  -webkit-transform: translate(5%, 0);
  -moz-transform: translate(5%, 0);
  -ms-transform: translate(5%, 0);
  -o-transform: translate(5%, 0);
  transform: translate(5%, 0);
  pointer-events: none;
  z-index: -1;
  opacity: 0.9;
}
.newsletter-anmeldung h2,
.verkostung-reservierung h2 {
  font-family: 'Marion';
  font-weight: 700;
  margin-bottom: 0.2em;
}
@media (min-width: 1200px) {
  .newsletter-anmeldung h2,
  .verkostung-reservierung h2 {
    font-size: 82px;
  }
}
@media (min-width: 768px) {
  .newsletter-anmeldung h3,
  .verkostung-reservierung h3 {
    margin: 0;
  }
}
.newsletter-anmeldung .form-holder,
.verkostung-reservierung .form-holder {
  margin-top: 40px;
  max-width: 660px;
}
@media (min-width: 768px) {
  .newsletter-anmeldung .form-holder,
  .verkostung-reservierung .form-holder {
    margin: 0;
    padding-top: 20px;
  }
}
.newsletter-anmeldung .form-holder .agb,
.verkostung-reservierung .form-holder .agb {
  margin: 10px 0 25px;
}
.newsletter-anmeldung .form-holder input,
.verkostung-reservierung .form-holder input {
  display: block;
  height: 55px;
  border: 1px solid #192631;
  background: transparent;
  color: #5a5959;
  font-style: italic;
  text-align: center;
  font-family: 'Marion';
  font-weight: 300;
}
.newsletter-anmeldung .form-holder .xr_error_tooltip,
.verkostung-reservierung .form-holder .xr_error_tooltip {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: #a98d60;
  line-height: 55px;
  width: 50px;
  text-align: center;
  font-family: 'Marion';
  font-weight: 300;
  z-index: 2;
}
@media (min-width: 768px) {
  .newsletter-anmeldung .form-holder .xr_form_submit_container,
  .verkostung-reservierung .form-holder .xr_form_submit_container {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .newsletter-anmeldung .form-holder .xr_form_submit_container,
  .verkostung-reservierung .form-holder .xr_form_submit_container {
    width: 91.66666667%;
  }
}
.newsletter-anmeldung .row,
.verkostung-reservierung .row {
  margin: 0 -9px;
}
.newsletter-anmeldung .row [class*=col-],
.verkostung-reservierung .row [class*=col-] {
  padding: 0 9px;
}
.footer {
  position: relative;
  padding: 10px 0;
  background: #192631;
  color: #a98d60;
  overflow: hidden;
}
@media (min-width: 992px) {
  .footer {
    padding: 40px 0;
  }
}
@media (min-width: 1200px) {
  .footer {
    font-size: 1.05em;
  }
}
.footer-muster {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 85%;
  max-height: 102%;
}
.footer-item {
  padding: 30px 0;
}
.footer-item:not(.last) {
  border-bottom: 2px solid rgba(170, 142, 97, 0.4);
}
@media (min-width: 768px) {
  .footer-item:not(.last) {
    border-bottom: none;
  }
}
.footer-item h4 {
  display: block;
  font-size: 23px;
  margin-bottom: 1.15em;
}
.footer-item h5 {
  display: block;
  font-size: 14px;
  font-family: 'DIN';
  font-weight: 700;
  margin-bottom: 0.5em;
}
@media (min-width: 1200px) {
  .footer-item h5 {
    font-size: 15px;
  }
}
.footer-item strong,
.footer-item .meta-nav a {
  font-family: 'DIN';
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.footer .inner-padding.contact-footer,
.footer .inner-padding.opening-times {
  line-height: 2;
}
.footer .social-icons .social-item {
  display: inline-block;
}
@media (min-width: 768px) {
  .footer .social-icons .social-item {
    display: block;
    margin-bottom: 12px;
  }
}
.footer .social-icons .social-item [class*=icon-] {
  margin-right: 15px;
  font-size: 1.3em;
}
@media (min-width: 768px) {
  .footer .social-icons .social-item [class*=icon-] {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
  }
}
@media (min-width: 768px) {
  .footer .social-icons .social-item [class*=icon-].facebook {
    font-size: 1.6em;
  }
}
.footer .social-icons .social-item strong {
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  .footer .social-icons .social-item strong {
    display: none;
  }
}
.footer .meta-nav {
  margin-top: -5px;
}
.footer .meta-nav a {
  display: block;
  padding: 5px 0;
}
.image-text-slider {
  margin: 15px;
  /*
    &.unsere-familie {
        position:relative;
        margin-top:80px;
        
        &:before {
            .icon();
            content: "\e905";
            position:absolute;
            bottom:105%;
            left:20%;
            font-size:70px;
            color:@gold;
            
            @media @sm { font-size: 80px; left:13%; }
            
            @media @md { font-size: 95px; left:8%; }
            
            @media @lg { font-size: 110px; }
        }
    }
    */
}
@media (min-width: 992px) {
  .image-text-slider {
    margin: 25px;
  }
}
.image-text-slider .container-fluid {
  max-width: none;
}
.image-text-slider .slider-holder {
  background: #192631;
}
.image-text-slider .slider-image {
  position: relative;
  padding-bottom: 55%;
  overflow: hidden;
}
@media (min-width: 992px) {
  .image-text-slider .slider-image {
    padding-bottom: 0;
    height: 460px;
  }
}
@media (min-width: 1200px) {
  .image-text-slider .slider-image {
    height: 500px;
  }
}
.image-text-slider .slider-image video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
.image-text-slider .slider-caption {
  background: #192631;
  color: #a98d60;
  padding: 11%;
}
@media (min-width: 768px) {
  .image-text-slider .slider-caption {
    padding: 6% 10%;
  }
}
@media (min-width: 992px) {
  .image-text-slider .slider-caption {
    font-size: 17px;
    height: 460px;
    padding: 0 25px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .image-text-slider .slider-caption {
    height: 500px;
  }
}
.image-text-slider .slider-caption .h2,
.image-text-slider .slider-caption h2 {
  font-size: 40px;
  margin-bottom: 0.4em;
}
@media (min-width: 768px) {
  .image-text-slider .slider-caption .h2,
  .image-text-slider .slider-caption h2 {
    font-size: 42px;
  }
}
@media (min-width: 1200px) {
  .image-text-slider .slider-caption .h2,
  .image-text-slider .slider-caption h2 {
    font-size: 50px;
  }
}
.image-text-slider .slider-caption .h3,
.image-text-slider .slider-caption h3 {
  font-size: 12px;
}
@media (min-width: 768px) {
  .image-text-slider .slider-caption .h3,
  .image-text-slider .slider-caption h3 {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .image-text-slider .slider-caption .h3,
  .image-text-slider .slider-caption h3 {
    font-size: 16px;
  }
}
.image-text-slider .slider-caption p {
  color: #a98d60;
}
@media (min-width: 992px) {
  .image-text-slider .slider-caption .inner {
    max-width: 425px;
  }
}
@media (min-width: 768px) {
  .image-text-slider .slider-caption .text.cite {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .image-text-slider .slider-caption .text.cite {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .image-text-slider .slider-caption .text.cite {
    font-size: 18px;
  }
}
.image-text-slider .slider-caption .text.cite:before {
  content: '”';
  display: block;
  font-size: 4.5em;
  font-family: 'Marion';
  font-weight: 700;
  line-height: 0.2;
  margin-top: 0.3em;
}
.image-text-slider .slider-caption .cite-name {
  display: block;
  margin-top: 35px;
  text-transform: uppercase;
  font-size: 14px;
}
.image-text-slider .arrow {
  position: relative;
  font-family: 'DIN';
  font-weight: 700;
  letter-spacing: 1px;
  cursor: pointer;
  -webkit-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (max-width: 767.98px) {
  .image-text-slider .arrow.button-link:after,
  .image-text-slider .arrow.button-link:before {
    position: absolute;
    top: 100%;
    text-align: right;
    margin-top: 9px;
  }
}
.image-text-slider .arrow.button-link:after {
  right: 0;
}
.image-text-slider .arrow.button-link:before {
  left: 0;
}
.image-text-slider .arrow-container {
  color: #a98d60;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .image-text-slider .arrow-container {
    padding: 0 30px 20px;
    margin-top: 25px;
  }
}
.image-text-slider .arrow-prev {
  opacity: 0;
  pointer-events: none;
}
.image-text-slider .arrow-prev.show-arrow {
  opacity: 1;
  pointer-events: auto;
}
.image-text-slider .arrow-next {
  float: right;
}
.image-text-slider .arrow-next.hide-arrow {
  opacity: 0;
  pointer-events: none;
}
.image-text {
  margin: 60px 0;
  line-height: 1.9;
}
@media (min-width: 768px) {
  .image-text {
    margin: 90px 0;
  }
}
.image-text.has-background {
  background-image: url('//www.weingutnigl.at/xstorage/1/_cache/20180907/bg_beige_368_1_4848b26de3e03bf0195f95b6e30ad86a.jpg');
  background-size: cover;
  background-position: left top;
  padding: 30px 0;
  margin: 0;
}
@media (min-width: 992px) {
  .image-text.has-background {
    margin: 0 15px;
    padding: 55px 0;
  }
}
@media (min-width: 1200px) {
  .image-text.has-background {
    margin: 0 25px;
    padding: 65px 0;
  }
}
.image-text.has-background .stats-group {
  margin-bottom: 0;
}
.image-text.has-background .stats-group:empty {
  display: none;
}
.image-text.has-background .stats-group-icon {
  font-size: 1.8em;
}
.image-text.more-top-space {
  margin-top: 90px;
}
@media (min-width: 768px) {
  .image-text.more-top-space {
    margin-top: 170px;
  }
}
.image-text.more-bottom-space {
  margin-bottom: 90px;
}
@media (min-width: 768px) {
  .image-text.more-bottom-space {
    margin-bottom: 145px;
  }
}
.image-text.zimmer .stats-group {
  margin: 10px -10px 20px;
}
@media (min-width: 768px) {
  .image-text.zimmer .stats-group {
    margin: 15px -25px 30px;
  }
}
@media (min-width: 992px) {
  .image-text.zimmer .stats-group {
    margin: 35px -25px 50px;
  }
}
.image-text.zimmer .stats-group-category {
  line-height: 1.4;
}
.image-text.zimmer .stats-group .icon-fruehstuck {
  font-size: 2.4em;
  -webkit-transform: translate(0, -0.2em);
  -moz-transform: translate(0, -0.2em);
  -ms-transform: translate(0, -0.2em);
  -o-transform: translate(0, -0.2em);
  transform: translate(0, -0.2em);
}
@media (min-width: 768px) {
  .image-text.zimmer .image-holder {
    height: 480px;
  }
}
@media (min-width: 992px) {
  .image-text.zimmer .image-holder {
    height: 600px;
  }
}
@media (min-width: 1200px) {
  .image-text.zimmer .image-holder {
    height: 655px;
  }
}
.image-text.zimmer text-holder {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .image-text.zimmer text-holder {
    margin-top: 0;
  }
}
.image-text.zimmer ul {
  padding: 20px 0 0 17px;
  color: #5a5959;
}
.image-text.zimmer ul li {
  padding: 4px 0;
}
.image-text.zimmer .room-price {
  font-family: 'DIN';
  font-weight: 700;
  color: #a98d60;
  text-transform: uppercase;
  margin-top: 3em;
  font-size: 15px;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 992px) {
  .image-text.zimmer .room-price {
    font-size: 17px;
  }
}
.image-text.zimmer .button-link {
  font-family: 'DIN';
  font-weight: 700;
  background: #192631;
  padding: 0.85em 1.5em;
  margin: 0.65em 0 0;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.image-text.zimmer .button-link:hover {
  color: #a98d60;
}
.image-text.detailpage {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .image-text.detailpage {
    margin-top: 60px;
  }
}
@media (min-width: 992px) {
  .image-text.detailpage {
    margin-top: 100px;
  }
}
.image-text.detailpage .teaser-text-muster {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40%;
  height: auto;
  max-width: 580px;
  min-width: 300px;
  -webkit-transform: translate(7%, 58%);
  -moz-transform: translate(7%, 58%);
  -ms-transform: translate(7%, 58%);
  -o-transform: translate(7%, 58%);
  transform: translate(7%, 58%);
  z-index: -1;
  opacity: 0.9;
}
.image-text.detailpage ul {
  font-size: 1.3em;
  color: #a98d60;
}
.image-text.detailpage .arrow-holder {
  position: relative;
}
.image-text.detailpage .arrow-holder .arrow {
  position: absolute;
  bottom: 15px;
  left: 10px;
  padding: 5px;
  font-size: 15px;
  color: white;
  text-shadow: 0 0 10px rgba(120, 120, 120, 0.3);
  cursor: pointer;
}
@media (min-width: 992px) {
  .image-text.detailpage .arrow-holder .arrow {
    font-size: 19px;
  }
}
.image-text.detailpage .arrow-holder .arrow.next {
  left: auto;
  right: 10px;
}
.image-text.detailpage .single-slide .image-holder {
  padding: 0;
  margin: 0;
  height: 300px;
}
@media (min-width: 768px) {
  .image-text.detailpage .single-slide .image-holder {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .image-text.detailpage .single-slide .image-holder {
    height: 450px;
  }
}
@media (min-width: 1200px) {
  .image-text.detailpage .single-slide .image-holder {
    height: 500px;
  }
}
.image-text.detailpage .thumbnail-holder {
  margin-top: 10px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .image-text.detailpage .thumbnail-holder {
    margin-bottom: 0;
  }
}
.image-text.detailpage .thumbnail-holder .slider-thumbnail {
  padding: 0 5px;
  cursor: pointer;
}
.image-text.detailpage .thumbnail-holder .slider-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  .image-text .row {
    margin: 0 -28px;
  }
}
@media (min-width: 992px) {
  .image-text .row [class*=col-] {
    padding: 0 28px;
  }
}
.image-text h3,
.image-text .h3 {
  margin-bottom: 0.6em;
}
@media (min-width: 992px) {
  .image-text h3,
  .image-text .h3 {
    font-size: 16px;
  }
}
.image-text h2,
.image-text .h2 {
  margin-bottom: 0.45em;
}
@media (min-width: 992px) {
  .image-text h2,
  .image-text .h2 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .image-text h2,
  .image-text .h2 {
    font-size: 60px;
  }
}
.image-text p br {
  display: block;
  /* makes it have a width */
  content: "";
  /* clears default height */
  margin-top: 1.4em;
}
.image-text ul {
  padding: 20px 0 0 17px;
  color: #a98d60;
}
.image-text ul li {
  padding: 0.3em 0;
}
.image-text .button-link {
  margin-top: 2em;
}
.image-text .image-holder {
  position: relative;
  padding-bottom: 56.65%;
  margin-bottom: 25px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .image-text .image-holder {
    padding: 0;
    margin: 0;
    height: 380px;
  }
}
@media (min-width: 992px) {
  .image-text .image-holder {
    height: 430px;
  }
}
@media (min-width: 1200px) {
  .image-text .image-holder {
    height: 460px;
  }
}
@media (max-width: 767.98px) {
  .image-text .image-holder iframe,
  .image-text .image-holder video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .image-right.image-text .text-holder {
    text-align: right;
  }
}
.banner-section {
  position: relative;
  overflow: hidden;
  background: #192631;
  color: white;
  padding: 50px 0 150px;
}
@media (min-width: 768px) {
  .banner-section {
    padding: 70px 0 60px;
  }
}
.banner-section.zimmer-banner {
  padding: 60px 0;
  margin-bottom: 3%;
}
@media (min-width: 768px) {
  .banner-section.zimmer-banner {
    padding: 80px 0 90px;
  }
}
.banner-section.zimmer-banner .focuspoint {
  opacity: 0.075;
}
.banner-section h2,
.banner-section .h2 {
  margin-bottom: 0.175em;
}
.banner-section p {
  color: white;
}
.banner-section [class*=col-] {
  position: static;
}
.banner-section .button-link {
  margin-top: 1.5em;
}
.banner-section article {
  position: relative;
  z-index: 5;
}
.banner-section .banner-icon {
  position: absolute;
  bottom: -2.25%;
  right: 15%;
  font-size: 130px;
  opacity: 0.72;
}
.banner-section .terrasse,
.banner-section .terrasse {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: 100%;
  pointer-events: none;
  opacity: 0.9;
}
.banner-section .terrasse img,
.banner-section .terrasse img {
  display: block;
  height: 100%;
  width: auto;
}
.gallery {
  text-align: center;
  padding: 50px 0 30px;
}
@media (min-width: 768px) {
  .gallery {
    padding: 75px 0 30px;
  }
}
.teaser-text + .gallery {
  padding-top: 0;
}
@media (min-width: 768px) {
  .teaser-text + .gallery {
    margin-top: -40px;
  }
}
.gallery .row {
  margin: 0 -4px;
}
@media (min-width: 768px) {
  .gallery .row {
    margin: 0 -7px;
  }
}
@media (min-width: 992px) {
  .gallery .row {
    margin: 0 -10px;
  }
}
.gallery .row [class*=col-] {
  padding: 0 4px;
}
@media (min-width: 768px) {
  .gallery .row [class*=col-] {
    padding: 0 7px;
  }
}
@media (min-width: 992px) {
  .gallery .row [class*=col-] {
    padding: 0 10px;
  }
}
.gallery-holder {
  padding: 0 7px;
}
@media (min-width: 768px) {
  .gallery-holder {
    padding: 0;
  }
}
.gallery-item {
  position: relative;
  padding-bottom: 56.65%;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .gallery-item {
    height: 200px;
    margin-bottom: 14px;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .gallery-item {
    height: 280px;
    margin-bottom: 20px;
  }
}
.gallery-item img[class*=col-] {
  padding: 0 !important;
}
.lagen-arrows {
  margin: 30px 15px;
}
.lagen-arrows .arrow {
  position: relative;
  font-family: 'DIN';
  font-weight: 700;
  letter-spacing: 1px;
  cursor: pointer;
  -webkit-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (max-width: 767.98px) {
  .lagen-arrows .arrow.button-link:after,
  .lagen-arrows .arrow.button-link:before {
    position: absolute;
    top: 100%;
    text-align: right;
    margin-top: 9px;
  }
}
.lagen-arrows .arrow.button-link:after {
  right: 0;
}
.lagen-arrows .arrow.button-link:before {
  left: 0;
}
.lagen-arrows .arrow-prev {
  opacity: 0;
  pointer-events: none;
}
.lagen-arrows .arrow-prev.show-arrow {
  opacity: 1;
  pointer-events: auto;
}
.lagen-arrows .arrow-next {
  float: right;
}
.lagen-arrows .arrow-next.hide-arrow {
  opacity: 0;
  pointer-events: none;
}
.lagen-nav-holder {
  position: relative;
}
.lagen-nav-holder.en:before {
  content: "\e91a";
}
.lagen-nav-holder:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b";
  display: block;
  text-align: left;
  padding-left: 40px;
  font-size: 70px;
  color: #a98d60;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .lagen-nav-holder:before {
    font-size: 80px;
  }
}
@media (min-width: 992px) {
  .lagen-nav-holder:before {
    font-size: 95px;
    padding-left: 60px;
  }
}
@media (min-width: 1200px) {
  .lagen-nav-holder:before {
    font-size: 105px;
  }
}
.lagen-nav {
  font-family: 'Marion';
  font-weight: 300;
  background: #192631;
  color: white;
  text-align: center;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .lagen-nav {
    margin-bottom: 60px;
  }
}
.lagen-nav-item {
  display: inline-block;
  margin: 10px 0;
  padding: 2px 2.5%;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-left: 1px solid white;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 768px) {
  .lagen-nav-item:hover {
    color: #a98d60;
  }
}
.lagen-nav-item.active {
  color: #a98d60;
}
@media (min-width: 1200px) {
  .lagen-nav-item {
    padding: 2px 4.5%;
  }
}
.lagen-nav-item:first-of-type {
  border-left: none;
}
.lagen-section {
  padding: 0 0 50px;
}
@media (min-width: 768px) {
  .lagen-section {
    padding: 0 0 100px;
    /*margin-top:-100px;*/
  }
}
@media (min-width: 992px) {
  .lagen-section .container-fluid {
    padding: 0 30px;
  }
}
@media (min-width: 992px) {
  .lagen-section .row.adjust-gutter {
    margin: 0 -30px;
  }
}
@media (min-width: 992px) {
  .lagen-section .row.adjust-gutter [class*=col-] {
    padding: 0 30px;
  }
}
.lagen-section .shop-overview {
  padding: 30px 0;
}
.lagen-select {
  margin-bottom: 50px;
  position: relative;
}
.lagen-select:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b";
  display: block;
  text-align: right;
  padding-right: 40px;
  font-size: 70px;
  color: #a98d60;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .lagen-select:before {
    font-size: 80px;
  }
}
@media (min-width: 992px) {
  .lagen-select:before {
    font-size: 95px;
  }
}
@media (min-width: 1200px) {
  .lagen-select:before {
    font-size: 105px;
  }
}
.lagen-select .sod_select {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 0;
  border: none;
  text-align: center;
  background: #192631;
  color: #a98d60;
}
.lagen-select .sod_select:before {
  display: none;
}
.lagen-select .sod_select:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
  bottom: auto;
  top: 50%;
  right: 25px;
  font-size: 0.9em;
  transform: translate(0, -50%) rotate(0deg);
  -webkit-transform: translate(0, -50%) rotate(0deg);
  -webkit-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.lagen-select .sod_select.open:after {
  transform: translate(0, -50%) rotate(180deg);
  -webkit-transform: translate(0, -50%) rotate(180deg);
}
.lagen-select .sod_label {
  font-family: 'Marion';
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.3;
  font-size: 17px;
}
@media (min-width: 768px) {
  .lagen-select .sod_label {
    font-size: 20px;
  }
}
.lagen-select .sod_list_wrapper {
  left: 50%;
  width: 50%;
  max-width: 400px;
  border: none;
  background: #a98d60;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  padding: 10px 20px;
}
.lagen-select .sod_option {
  font-family: 'Marion';
  font-weight: 300;
  padding: 0.85em 0;
  color: #192631;
  border-top: 1px solid #192631;
  text-transform: none;
  font-size: 18px;
}
.lagen-select .sod_option:first-of-type {
  border-top: none;
}
.lagen-select .sod_option.selected,
.lagen-select .sod_option.active {
  font-weight: 300;
  background: transparent;
  padding-right: 0;
}
.lagen-select .sod_option.selected:before,
.lagen-select .sod_option.active:before,
.lagen-select .sod_option.selected:after,
.lagen-select .sod_option.active:after {
  display: none;
}
.lagen-image {
  position: relative;
  padding-bottom: 60%;
}
@media (min-width: 992px) {
  .lagen-image {
    padding-bottom: 100%;
  }
}
.lagen-image .map-holder {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.lagen-image .map-holder.show {
  opacity: 1;
}
.lagen-switch {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background: white;
  width: 65px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #a98d60;
  font-size: 33px;
  z-index: 3;
  cursor: pointer;
}
.lagen-switch span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.lagen-switch .icon-jpg_icon_1 {
  font-size: 25px;
}
.lagen-caption {
  overflow: hidden;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .lagen-caption {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .lagen-caption .h3,
  .lagen-caption h3 {
    font-size: 16px;
  }
}
.lagen-caption .h2,
.lagen-caption h2 {
  margin-bottom: 0.45em;
}
@media (min-width: 992px) {
  .lagen-caption .h2,
  .lagen-caption h2 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .lagen-caption .h2,
  .lagen-caption h2 {
    font-size: 60px;
  }
}
.lagen-info-holder {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .lagen-info-holder {
    margin: 50px -25px 0;
    white-space: nowrap;
  }
}
.lagen-info-item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin-bottom: 40px;
  text-align: center;
  font-size: 12px;
  border-right: 2px solid #192631;
}
.lagen-info-item:last-of-type {
  border-right: none;
}
@media (max-width: 767.98px) {
  .lagen-info-item:nth-of-type(2n) {
    border-right: none;
  }
}
@media (min-width: 768px) {
  .lagen-info-item {
    width: auto;
    padding: 0 25px;
  }
}
.lagen-info-item.see-hoehe .lagen-info-item-icon {
  font-size: 1.05em;
}
.lagen-info-item.riesling .lagen-info-item-icon {
  font-size: 1.8em;
  -webkit-transform: translate(0, -0.2em);
  -moz-transform: translate(0, -0.2em);
  -ms-transform: translate(0, -0.2em);
  -o-transform: translate(0, -0.2em);
  transform: translate(0, -0.2em);
}
.lagen-info-item .icon-holder {
  height: 35px;
}
.lagen-info-item .riesling-bar {
  position: relative;
  display: block;
  width: 75%;
  max-width: 200px;
  height: 2px;
  background: #192631;
  margin: 12px auto 5px;
}
@media (min-width: 1200px) {
  .lagen-info-item .riesling-bar {
    max-width: none;
    width: 155px;
  }
}
@media (min-width: 1400px) {
  .lagen-info-item .riesling-bar {
    width: 190px;
  }
}
.lagen-info-item .riesling-bar:before,
.lagen-info-item .riesling-bar:after {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  height: 12px;
  background: #192631;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.lagen-info-item .riesling-bar:before {
  left: 0;
}
.lagen-info-item .riesling-bar:after {
  right: 0;
}
.lagen-info-item-icon {
  display: block;
  margin-bottom: 1.4em;
  font-size: 1.15em;
}
.lagen-info-item-category {
  font-family: 'DIN';
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5;
  font-size: 12px;
  letter-spacing: 1px;
}
.stats-group {
  margin: 30px -10px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .stats-group {
    margin: 50px -25px;
  }
}
.stats-group-item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 10px;
  border-right: 2px solid #192631;
  padding: 0 10px;
}
.stats-group-item:last-of-type {
  border-right: none;
}
@media (min-width: 768px) {
  .stats-group-item {
    font-size: 12px;
    width: auto;
    padding: 0 25px;
  }
}
.stats-group-item .icon-holder {
  height: 35px;
}
.stats-group-icon {
  display: block;
  margin-bottom: 1.4em;
  font-size: 1.15em;
}
@media (min-width: 1200px) {
  .stats-group-icon {
    font-size: 1.35em;
  }
}
.stats-group-category {
  font-family: 'DIN';
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5;
  font-size: 10px;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .stats-group-category {
    font-size: 12px;
  }
}
.vintage-section {
  position: relative;
  margin: 50px 0;
}
.vintage-section .muster {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 53%;
  height: auto;
  -webkit-transform: translate(31%, 20%);
  -moz-transform: translate(31%, 20%);
  -ms-transform: translate(31%, 20%);
  -o-transform: translate(31%, 20%);
  transform: translate(31%, 20%);
  max-width: 570px;
  z-index: -1;
  opacity: 0.9;
}
@media (min-width: 768px) {
  .vintage-section {
    padding: 20px 0 40px;
    margin: 100px 0;
  }
  .vintage-section:before,
  .vintage-section:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #a98d60;
  }
  .vintage-section:before {
    right: 50%;
    top: 0;
  }
  .vintage-section.end-right:after {
    left: 50%;
    bottom: 0;
  }
  .vintage-section.end-left:after {
    right: 50%;
    bottom: 0;
  }
}
@media (min-width: 992px) {
  .vintage-section {
    padding: 20px 0 70px;
    margin: 120px 0;
  }
}
@media (min-width: 1200px) {
  .vintage-section {
    margin-top: 150px;
  }
}
@media (min-width: 768px) {
  .vintage-section .container-fluid {
    padding: 0 20px;
  }
}
@media (min-width: 992px) {
  .vintage-section .container-fluid {
    padding: 0 35px;
  }
}
@media (min-width: 1200px) {
  .vintage-section .container-fluid {
    padding: 0 50px;
  }
}
.vintage-section .divider-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
  background: #a98d60;
}
.vintage-item {
  margin: 50px 0;
}
@media (min-width: 768px) {
  .vintage-item {
    margin: 80px 0;
  }
}
@media (min-width: 992px) {
  .vintage-item {
    margin: 120px 0;
  }
}
@media (min-width: 1200px) {
  .vintage-item {
    margin: 160px 0;
  }
}
.vintage-item:first-of-type {
  margin-top: 0;
}
.vintage-item:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .vintage-item:not(:first-of-type) {
    position: relative;
  }
  .vintage-item:not(:first-of-type):after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #a98d60;
    position: absolute;
    top: -10px;
    left: 50%;
  }
  .vintage-item:not(:first-of-type).image-right:after {
    right: 50%;
    left: auto;
  }
}
@media (min-width: 768px) {
  .vintage-item .row {
    margin: 0 -20px;
  }
}
@media (min-width: 992px) {
  .vintage-item .row {
    margin: 0 -35px;
  }
}
@media (min-width: 1200px) {
  .vintage-item .row {
    margin: 0 -50px;
  }
}
@media (min-width: 768px) {
  .vintage-item .row [class*=col-] {
    padding: 0 20px;
  }
}
@media (min-width: 992px) {
  .vintage-item .row [class*=col-] {
    padding: 0 35px;
  }
}
@media (min-width: 1200px) {
  .vintage-item .row [class*=col-] {
    padding: 0 50px;
  }
}
.vintage-item:not(:first-of-type):after {
  width: 0;
  -webkit-transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 768px) {
  .vintage-item:not(:first-of-type) .waypoint-col {
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0.75s;
    -webkit-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0.75s;
  }
  .vintage-item:not(:first-of-type) .waypoint-col.left {
    -webkit-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
  }
  .vintage-item:not(:first-of-type) .waypoint-col.right {
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    transform: translate(30px, 0);
  }
}
.vintage-item.waypoint-in .waypoint-col.left,
.vintage-item.waypoint-in .waypoint-col.right {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.vintage-item.waypoint-in:after {
  width: 20px;
}
.vintage-image {
  position: relative;
  padding-bottom: 56.65%;
  margin-bottom: 30px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .vintage-image {
    padding-bottom: 110%;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .vintage-caption {
    margin-top: 15px;
  }
}
.vintage-caption .stats-group {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .vintage-caption .stats-group {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
@media (min-width: 1200px) {
  .vintage-caption .stats-group {
    margin-top: 55px;
    margin-bottom: 55px;
  }
}
.vintage-caption .stats-group-icon {
  font-size: 1.9em;
}
@media (min-width: 1200px) {
  .vintage-caption .stats-group-icon {
    font-size: 2em;
  }
}
.vintage-caption h2,
.vintage-caption .h2 {
  margin-bottom: 0.075em;
}
.vintage-caption h3,
.vintage-caption .h3 {
  margin-bottom: 2em;
}
.vintage-caption .button-link {
  margin-top: 3.5em;
}
.outlet {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .outlet {
    padding-bottom: 80px;
  }
}
.outlet .muster {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35%;
  height: auto;
  max-width: 580px;
  -webkit-transform: translate(13%, 31%);
  -moz-transform: translate(13%, 31%);
  -ms-transform: translate(13%, 31%);
  -o-transform: translate(13%, 31%);
  transform: translate(13%, 31%);
  z-index: -1;
  opacity: 0.9;
}
.outlet-container {
  position: relative;
}
.outlet-container .outlet-map {
  height: 300px;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .outlet-container .outlet-map {
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0;
    height: auto;
    margin: 0;
  }
}
.outlet-holder .row {
  margin: 0 -20px;
}
.outlet-holder .row [class*=col-] {
  padding: 0 20px;
}
.outlet-holder .inner {
  height: 550px;
}
@media (min-width: 992px) {
  .outlet-holder #mCSB_2_container {
    margin: 0 25px;
  }
}
.outlet-item {
  position: relative;
  padding: 22px 0;
  border-bottom: 1px solid #c2c2c2;
  height: 170px;
}
@media (min-width: 992px) {
  .outlet-item {
    margin-left: 20px;
  }
}
.outlet-item .no-break {
  white-space: nowrap;
}
.outlet-item:before {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  height: 88%;
  opacity: 0;
  top: 0;
  left: -20px;
  background: #192631;
  -webkit-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.outlet-item-name {
  font-family: 'Marion';
  font-weight: 300;
  display: block;
  font-size: 19px;
  color: #a98d60;
  margin-bottom: 0.5em;
  line-height: 1.4;
  -webkit-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.active .outlet-item-name {
  color: #192631;
}
.outlet-item-marker {
  position: absolute;
  bottom: 13px;
  right: 0;
  padding: 7px;
  font-size: 30px;
  color: #a98d60;
  -webkit-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}
.active .outlet-item-marker {
  color: #192631;
}
.outlet-item.active:before {
  opacity: 1;
}
section:not(.newsletter-anmeldung) form .form-group,
.checkout form .form-group {
  position: relative;
  margin-bottom: 25px;
}
section:not(.newsletter-anmeldung) form .form-group.active label:not(.checkbox-label),
.checkout form .form-group.active label:not(.checkbox-label) {
  top: -13px !important;
  font-size: 0.95em !important;
}
section:not(.newsletter-anmeldung) form .form-group .xr_error_tooltip,
.checkout form .form-group .xr_error_tooltip {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: #a98d60;
  line-height: 35px;
  width: 20px;
  text-align: center;
  font-family: 'Marion';
  font-weight: 300;
  z-index: 2;
}
section:not(.newsletter-anmeldung) form .form-group label.radio-inline,
.checkout form .form-group label.radio-inline {
  position: static;
}
section:not(.newsletter-anmeldung) form .form-group label:not(.radio-inline):not(.checkbox-inline):not(.checkbox):not(.checkbox-label),
.checkout form .form-group label:not(.radio-inline):not(.checkbox-inline):not(.checkbox):not(.checkbox-label) {
  font-family: 'Marion';
  font-weight: 300;
  font-style: italic;
  position: absolute;
  top: 7px;
  left: 3px;
  font-size: 15px;
  color: #a98d60;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
section:not(.newsletter-anmeldung) form .form-group label:not(.radio-inline):not(.checkbox-inline):not(.checkbox):not(.checkbox-label)[for="xr_form_1_field_4220"],
.checkout form .form-group label:not(.radio-inline):not(.checkbox-inline):not(.checkbox):not(.checkbox-label)[for="xr_form_1_field_4220"],
section:not(.newsletter-anmeldung) form .form-group label:not(.radio-inline):not(.checkbox-inline):not(.checkbox):not(.checkbox-label)[for="xr_form_1_field_4417"],
.checkout form .form-group label:not(.radio-inline):not(.checkbox-inline):not(.checkbox):not(.checkbox-label)[for="xr_form_1_field_4417"],
section:not(.newsletter-anmeldung) form .form-group label:not(.radio-inline):not(.checkbox-inline):not(.checkbox):not(.checkbox-label)[for="xr_form_1_field_3225"],
.checkout form .form-group label:not(.radio-inline):not(.checkbox-inline):not(.checkbox):not(.checkbox-label)[for="xr_form_1_field_3225"] {
  position: static;
}
section:not(.newsletter-anmeldung) form .form-group input,
.checkout form .form-group input,
section:not(.newsletter-anmeldung) form .form-group .sod_select,
.checkout form .form-group .sod_select,
section:not(.newsletter-anmeldung) form .form-group input.form-control,
.checkout form .form-group input.form-control {
  display: block;
  width: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
  border-radius: 0px;
  padding: 0 5px;
  font-size: 14px;
  border-bottom: 1px solid #a98d60;
  color: #a98d60;
}
section:not(.newsletter-anmeldung) form .form-group input:focus,
.checkout form .form-group input:focus,
section:not(.newsletter-anmeldung) form .form-group .sod_select:focus,
.checkout form .form-group .sod_select:focus,
section:not(.newsletter-anmeldung) form .form-group input.form-control:focus,
.checkout form .form-group input.form-control:focus {
  outline: none;
  box-shadow: none;
}
section:not(.newsletter-anmeldung) form .form-group input:focus,
.checkout form .form-group input:focus,
section:not(.newsletter-anmeldung) form .form-group .sod_select:focus,
.checkout form .form-group .sod_select:focus,
section:not(.newsletter-anmeldung) form .form-group input.form-control:focus,
.checkout form .form-group input.form-control:focus {
  border-bottom-color: #a98d60;
}
section:not(.newsletter-anmeldung) form .form-group .sod_select.above .sod_list_wrapper,
.checkout form .form-group .sod_select.above .sod_list_wrapper {
  border-top: 1px solid #a98d60;
}
section:not(.newsletter-anmeldung) form .form-group .sod_select:before,
.checkout form .form-group .sod_select:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
  color: #a98d60;
  font-size: 7px;
  top: 14px;
}
section:not(.newsletter-anmeldung) form .form-group .sod_select .sod_label,
.checkout form .form-group .sod_select .sod_label {
  font-family: 'Marion';
  font-weight: 300;
  font-style: italic;
  font-size: 15px;
  color: #a98d60;
}
section:not(.newsletter-anmeldung) form .form-group .sod_select .sod_list_wrapper,
.checkout form .form-group .sod_select .sod_list_wrapper {
  border-color: #a98d60;
  background: white;
  z-index: 5;
}
section:not(.newsletter-anmeldung) form .form-group .sod_select .sod_list,
.checkout form .form-group .sod_select .sod_list {
  max-height: 450px;
}
section:not(.newsletter-anmeldung) form .form-group .sod_select .sod_option,
.checkout form .form-group .sod_select .sod_option {
  padding: 10px 15px;
}
section:not(.newsletter-anmeldung) form .form-group .sod_select .sod_option.selected,
.checkout form .form-group .sod_select .sod_option.selected,
section:not(.newsletter-anmeldung) form .form-group .sod_select .sod_option.selected.active,
.checkout form .form-group .sod_select .sod_option.selected.active {
  background: #a98d60;
  color: white;
}
section:not(.newsletter-anmeldung) form .form-group .sod_select .sod_option.active,
.checkout form .form-group .sod_select .sod_option.active {
  color: #a98d60;
}
section:not(.newsletter-anmeldung) form .form-group textarea,
.checkout form .form-group textarea {
  border: 1px solid #a98d60;
  background: none;
  color: #a98d60;
}
@media (min-width: 768px) {
  section:not(.newsletter-anmeldung) form .form-group textarea,
  .checkout form .form-group textarea {
    height: 245px;
  }
}
@media (min-width: 992px) {
  section:not(.newsletter-anmeldung) form .form-group textarea,
  .checkout form .form-group textarea {
    height: 125px;
  }
}
section:not(.newsletter-anmeldung) form .form-group textarea:focus,
.checkout form .form-group textarea:focus {
  border-color: #a98d60;
}
section:not(.newsletter-anmeldung) form .xr_form_submit_container,
.checkout form .xr_form_submit_container {
  text-align: right;
}
section:not(.newsletter-anmeldung) form input[type="checkbox"] ~ .inner-text,
.checkout form input[type="checkbox"] ~ .inner-text {
  font-family: 'Marion';
  font-weight: 300;
  color: #a98d60;
  text-transform: none;
}
section:not(.newsletter-anmeldung) form .checkbox-wrapper label,
.checkout form .checkbox-wrapper label {
  pointer-events: auto !important;
  position: static !important;
}
.restaurant-header-image .widget-holder {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .restaurant-header-image .widget-holder {
    margin-top: 0px;
    position: absolute;
    top: 0;
    left: 100%;
  }
}
@media (min-width: 992px) {
  .restaurant-header-image .widget-holder {
    margin-left: 25px;
  }
}
.reservierungs-form {
  position: relative;
  background: #192631;
  color: #a98d60;
  padding: 45px 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .reservierungs-form {
    padding: 60px 0;
  }
}
@media (min-width: 992px) {
  .reservierungs-form {
    padding: 80px 0;
  }
}
@media (min-width: 768px) {
  .reservierungs-form.book-a-table {
    padding: 50px 0;
  }
}
@media (min-width: 992px) {
  .reservierungs-form.zimmer-form textarea {
    height: 65px !important;
  }
}
.reservierungs-form h2 {
  margin-bottom: 0.7em;
}
@media (min-width: 992px) {
  .reservierungs-form h2 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .reservierungs-form h2 {
    font-size: 60px;
  }
}
@media (min-width: 992px) {
  .reservierungs-form h2.float {
    float: left;
  }
}
.reservierungs-form p {
  color: #a98d60;
}
.reservierungs-form .widget-holder {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .reservierungs-form .widget-holder {
    margin-top: 0px;
  }
}
.reservierungs-form .opening-times-form {
  margin: 35px 0;
}
@media (min-width: 992px) {
  .reservierungs-form .opening-times-form {
    float: right;
    margin: 45px 0 0;
    width: calc(50% - 15px);
  }
}
.reservierungs-form .opening-times-form .key-value {
  margin: 13px 0;
}
@media (max-width: 500px) {
  .reservierungs-form .opening-times-form .key-value .key,
  .reservierungs-form .opening-times-form .key-value .value {
    display: block;
    text-align: center;
    width: 100%;
  }
}
.reservierungs-form .opening-times-form .key {
  font-family: 'Marion';
  font-weight: 300;
  font-size: 1.25em;
  width: 40%;
}
@media (min-width: 992px) {
  .reservierungs-form .opening-times-form .key {
    font-size: 1.4em;
  }
}
.reservierungs-form .opening-times-form .value {
  width: 60%;
}
.reservierungs-form .container-fluid {
  max-width: 1070px;
}
.reservierungs-form .agb {
  margin-top: 10px;
}
.reservierungs-form .xr_form_submit_container {
  margin-top: 30px;
}
@media (min-width: 992px) {
  .reservierungs-form .xr_form_submit_container {
    margin-top: -50px;
  }
}
.reservierungs-form .teaser-text-muster {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 73%;
  height: auto;
  max-width: 1300px;
  min-width: 900px;
  -webkit-transform: translate(-10%, 40%);
  -moz-transform: translate(-10%, 40%);
  -ms-transform: translate(-10%, 40%);
  -o-transform: translate(-10%, 40%);
  transform: translate(-10%, 40%);
  opacity: 0.9;
}
.reservierungs-form .show-on-success {
  padding: 20px 0;
  color: white;
  text-align: left;
}
@media (min-width: 768px) {
  .reservierungs-form .show-on-success {
    padding: 50px 0;
  }
}
.reservierungs-form .show-on-success h2 {
  margin-bottom: 0.15em;
}
.reservierungs-form .show-on-success p {
  color: white;
}
.shop-content-wrapper {
  position: relative;
}
.shop-content-wrapper .container-fluid {
  max-width: none;
}
.shop-content-wrapper .terrasse {
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 80%;
  -webkit-transform: translate(50%, 0);
  -moz-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  transform: translate(50%, 0);
  height: auto;
  max-width: 870px;
  min-width: 540px;
  opacity: 0.9;
}
.shop-filter {
  position: relative;
  margin-bottom: 70px;
  padding: 0;
}
.shop-filter .shadow {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
}
.shop-filter .shadow.top {
  top: auto;
  bottom: 100%;
}
.shop-filter .filter {
  font-family: 'Marion';
  font-weight: 300;
  border: none;
  box-shadow: none;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
  position: relative;
  color: #a98d60;
  text-transform: uppercase;
  font-size: 16px;
  padding: 8px 10px;
  letter-spacing: 1px;
  margin: 0 15px;
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.shop-filter .filter:focus {
  outline: none;
}
.shop-filter .filter:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10px;
  width: 0;
  height: 1px;
  background: #192631;
  -webkit-transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.shop-filter .filter.filter-active {
  background: none;
  color: #192631;
  margin-right: 35px;
  font-weight: 700;
}
.shop-filter .filter.filter-active:after {
  width: calc(100% + 38px);
}
.blog-detail {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .blog-detail {
    padding: 80px 0;
  }
}
@media (min-width: 992px) {
  .blog-detail {
    padding: 120px 0;
  }
}
.blog-detail .row {
  margin: 0 -20px;
}
.blog-detail .row [class*=col-] {
  padding: 0 20px;
}
.blog-detail .row-bs4 {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
}
.blog-detail .button-link {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .blog-detail .product-detail-info {
    padding: 15px;
  }
}
.blog-detail .image-holder {
  left: 0;
  position: sticky;
  height: 60vw;
  max-height: 500px;
  margin-bottom: 50px;
  top: 77px;
}
@media (min-width: 768px) {
  .blog-detail .image-holder {
    top: 85px;
  }
}
@media (min-width: 992px) {
  .blog-detail .image-holder {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .blog-detail h2 {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  .blog-detail h2 {
    font-size: 60px;
  }
}
.blog-detail h3 {
  margin-bottom: 0.65em;
}
@media (min-width: 768px) {
  .blog-detail h3 {
    font-size: 16px;
  }
}
.xs-shop-password-forgot h2,
.xs-shop-password h2,
.textblock-center h2,
.forgotpw-form h2,
.logout h2,
.xs-shop-password-forgot .h2,
.xs-shop-password .h2,
.textblock-center .h2,
.forgotpw-form .h2,
.logout .h2 {
  font-size: 30px;
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  .xs-shop-password-forgot h2,
  .xs-shop-password h2,
  .textblock-center h2,
  .forgotpw-form h2,
  .logout h2,
  .xs-shop-password-forgot .h2,
  .xs-shop-password .h2,
  .textblock-center .h2,
  .forgotpw-form .h2,
  .logout .h2 {
    font-size: 38px;
  }
}
.xs-shop-password-forgot input,
.xs-shop-password input,
.textblock-center input,
.forgotpw-form input,
.logout input {
  max-width: 350px;
}
.xs-shop-password-forgot .xs-shop-button-submit,
.xs-shop-password .xs-shop-button-submit,
.textblock-center .xs-shop-button-submit,
.forgotpw-form .xs-shop-button-submit,
.logout .xs-shop-button-submit {
  margin-top: 20px;
}
.logout .h2 {
  text-transform: none;
}
.forgotpw-form {
  padding: 70px 0;
}
@media (min-width: 768px) {
  .forgotpw-form {
    padding: 120px 0;
  }
}
@media (min-width: 992px) {
  .forgotpw-form {
    padding: 150px 0;
  }
}
.toggle-opening-times {
  text-align: center;
  margin: 70px 0 25px;
}
.toggle-opening-times h3 {
  font-size: 14px;
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  .toggle-opening-times h3 {
    font-size: 16px;
  }
}
.toggle-opening-times h2 {
  font-size: 25px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .toggle-opening-times h2 {
    font-size: 35px;
    margin-bottom: 18px;
  }
}
@media (min-width: 992px) {
  .toggle-opening-times h2 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .toggle-opening-times h2 {
    font-size: 60px;
  }
}
.toggle-opening-times .toggle-button {
  display: inline-block;
  cursor: pointer;
  -webkit-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.toggle-opening-times .toggle-button.open {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.verkostung-reservierung {
  display: none;
  padding: 30px 0 20px;
}
@media (min-width: 768px) {
  .verkostung-reservierung {
    padding: 50px 0 40px;
  }
}
.verkostung-reservierung .container,
.verkostung-reservierung .container-fluid {
  max-width: 810px;
}
.verkostung-reservierung .row {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .verkostung-reservierung .row {
    margin: 0 -22px 10px;
  }
}
@media (min-width: 768px) {
  .verkostung-reservierung .row [class*=col-] {
    padding: 0 22px;
  }
}
.verkostung-reservierung .info-block {
  margin-bottom: 20px;
  line-height: 1.65;
  color: #5a5959;
}
.verkostung-reservierung .info-block h5 {
  margin-bottom: 0.65em;
  color: #192631;
}
.verkostung-reservierung .info-block h5:not(.no-underline) {
  border-bottom: 1px solid #a98d60;
  padding-bottom: 0.7em;
}
@media (min-width: 1200px) {
  .verkostung-reservierung .info-block h5 {
    font-size: 20px;
  }
}
/* RESERVIERUNG */
.booking-box.booking-detail.no-date-error {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  background: white;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
    background: #e06969;
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
@-webkit-keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
    background: #e06969;
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.booking-box.booking-detail .booking-fields {
  background: #a98d60;
}
.booking-box.booking-detail .table-holder {
  background: #ebe8e5;
  margin-bottom: 0;
  color: #a98d60;
  padding: 15px 15px;
}
@media (min-width: 992px) {
  .booking-box.booking-detail .table-holder {
    padding: 15px 20px;
  }
}
.booking-box.booking-detail .ui-datepicker-calendar {
  width: 100%;
  margin-bottom: 0;
}
.booking-box.booking-detail .ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 12px 15px!important;
  background: #a98d60;
  color: #fff;
  margin: -10px -10px 10px !important;
}
.booking-box.booking-detail .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 15px;
}
.booking-box.booking-detail .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 15px;
}
.booking-box.booking-detail .booking-fields .field.field-1:before,
.booking-box.booking-detail .booking-fields .field.field-2:before,
.booking-box.booking-detail .booking-fields .field.field-3:before,
.booking-box.booking-detail .booking-fields .field.field-4:before {
  border-color: transparent #c1ac75 transparent transparent;
}
.booking-box.booking-detail .booking-headline {
  font-size: 23px;
  color: #fff;
  text-align: center;
  background: white;
  text-transform: uppercase;
  padding: 8px 0;
  cursor: pointer;
}
.booking-box.booking-detail .booking-headline:before,
.booking-box.booking-detail .booking-headline:after {
  content: '';
  height: 5px;
  width: 5px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  margin: 0 10px;
}
.booking-fields {
  padding: 23px 20px 24px;
  text-align: center;
  text-transform: none;
}
@media (min-width: 768px) {
  .booking-fields {
    padding: 23px 20px 39px;
  }
}
.booking-fields .booking-fields-centering-wrap:before,
.booking-fields .booking-fields-centering-wrap:after {
  content: "";
  display: block;
  line-height: 0;
}
.booking-fields .booking-fields-centering-wrap:after {
  clear: both;
}
.booking-fields .booking-fields-input-wrapper {
  margin-bottom: 15px;
}
.booking-fields .booking-field-title {
  display: block;
  margin-bottom: 3px;
  font-size: 17px;
  color: white;
  font-family: 'Marion';
  font-weight: 300;
  text-align: left;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .booking-fields .booking-field-title {
    font-size: 20px;
  }
}
.booking-fields .field {
  background: transparent;
  color: white;
  font-size: 14px;
  width: 100%;
  position: relative;
}
.booking-fields .field.field-1 .value-field {
  font-size: 42px;
}
.booking-fields .field.field-3 .sod_select,
.booking-fields .field.field-4 .sod_select {
  padding: 0;
}
.booking-fields .field.field-3 .sod_label,
.booking-fields .field.field-4 .sod_label {
  font-size: 20px;
  padding: 7px 0;
}
.booking-fields .field.field-3 .sod_option,
.booking-fields .field.field-4 .sod_option {
  font-size: 14px;
}
.booking-fields .field .headline {
  font-size: 15px;
  padding: 8px 0 7px;
  margin: 0 14px;
}
@media (min-width: 768px) {
  .booking-fields .field .headline {
    letter-spacing: -1px;
  }
}
.booking-fields .field .booking-field-arrow {
  font-size: 13px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.booking-fields .field .booking-field-arrow.booking-field-arrow-up {
  right: 20px;
}
.booking-fields .field .booking-field-arrow.booking-field-arrow-down {
  left: 20px;
}
.booking-fields .field .value-field {
  font-size: 37px;
  padding: 4px 0 6px;
  width: 100%;
  border: 0;
  text-align: center;
  height: auto;
  outline: 0;
  background: none;
  border: 2px solid white;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.booking-fields .field .value-field:focus {
  outline: 0;
}
.booking-fields .field .value-field .sod_list_wrapper {
  background: #fff;
}
.booking-fields .field .footer-text {
  font-size: 12px;
  padding: 10px 0 6px;
  margin: 0 14px;
}
.booking-fields .sod_select {
  -webkit-box-shadow: 0 0 0 #fff;
  -moz-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  color: white;
}
.booking-fields .sod_select:before,
.booking-fields .sod_select:after {
  content: '';
}
.booking-fields .sod_select .sod_list {
  max-height: 300px!important;
}
.booking-fields .sod_select .sod_label {
  padding: 12px 0;
  font-size: 20px;
  font-family: 'Marion';
  font-weight: 300;
}
.booking-fields .sod_select .sod_list_wrapper {
  left: -1px;
  width: 100%;
  margin: 0 0 0 0px;
  border-right: 1px solid #a98d60;
  border-bottom: 1px solid #a98d60;
  border-left: 1px solid #a98d60;
  font-size: 70%;
  box-sizing: content-box;
  color: white !important;
}
.booking-fields .sod_select .sod_option.selected {
  padding-right: 10px;
}
.booking-fields .sod_select .sod_option.selected:before {
  content: '';
  display: none;
  background: #fff;
}
.booking-fields .sod_select .sod_option {
  text-align: left;
  font-size: 21px;
}
.booking-fields .sod_select .sod_option.active {
  color: #5a5959 !important;
}
.ui-datepicker-inline {
  width: auto!important;
  height: auto!important;
}
.ui-datepicker-inline .datepicker-custom-header {
  display: none;
}
.ui-datepicker {
  background: #fff;
  color: #5a5959;
  padding: 0px;
  z-index: 3!important;
  padding: 10px 10px 17px;
  width: calc(100% - 30px);
  /*
    .ui-datepicker-current{
        &:before{
            content: "\e904";
            font-size:10px;
            .icon();
            display:inline-block;
            margin-right: 9px;
        }
    }
    .ui-datepicker-close{
        &:before{
            content: "\e919";
            font-size:10px;
            .icon();
            display:inline-block;
            margin-right: 9px;
        }
    }
    */
}
@media (min-width: 768px) {
  .ui-datepicker {
    width: 286px;
    height: 436px;
  }
}
.ui-datepicker .datepicker-custom-header {
  text-align: center;
  padding: 5px 0 15px;
  text-transform: uppercase;
  font-size: 20px;
}
.ui-datepicker table {
  font-size: 15px;
}
.ui-datepicker .ui-datepicker-title {
  font-family: 'Marion';
  font-weight: 300;
  letter-spacing: 1px;
  text-align: center;
  margin: 0 0;
  font-size: 17px;
}
.ui-datepicker .ui-datepicker-header {
  padding: 15px 0;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-buttonpane {
  display: none;
}
.ui-datepicker .ui-datepicker-current,
.ui-datepicker .ui-datepicker-close {
  border: 0;
  outline: 0;
  font-size: 16px;
  background: transparent;
}
.ui-datepicker .ui-datepicker-current:hover,
.ui-datepicker .ui-datepicker-close:hover,
.ui-datepicker .ui-datepicker-current:focus,
.ui-datepicker .ui-datepicker-close:focus,
.ui-datepicker .ui-datepicker-current:active,
.ui-datepicker .ui-datepicker-close:active {
  outline: 0;
  background: #fff;
  color: #a98d60;
}
.ui-datepicker td.ui-datepicker-today a {
  position: relative;
}
.ui-datepicker td.ui-datepicker-today a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  -webkit-transform: rotate(360deg);
  border-width: 0 8px 8px 0;
  border-color: transparent #a98d60 transparent transparent;
  top: 0px;
  right: 0;
}
.ui-datepicker td .ui-state-active {
  position: relative;
  background: #b1b1b1;
  color: #fff;
}
.ui-datepicker td .ui-state-hover {
  color: #192631;
}
.ui-datepicker td span,
.ui-datepicker td a {
  padding: 1px 7px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  font-size: 10px;
  padding-top: 2px;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {
  opacity: 0.7;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\e912";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-datepicker .ui-datepicker-next {
  text-align: right;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\e904";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}
.ui-datepicker .ui-datepicker-unselectable {
  opacity: 0.7;
}
.booking-box {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .booking-box {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .booking-box {
    margin-top: 24px;
  }
}
.datepicker .ui-datepicker,
.booking-box.booking-detail .ui-datepicker {
  background-color: transparent;
  color: #a98d60;
  border: 1px solid #a98d60;
}
.datepicker .ui-datepicker .ui-datepicker-header,
.booking-box.booking-detail .ui-datepicker .ui-datepicker-header {
  margin: 0;
  background-color: #a98d60;
  color: white;
}
.datepicker .ui-datepicker .ui-datepicker-prev,
.booking-box.booking-detail .ui-datepicker .ui-datepicker-prev,
.datepicker .ui-datepicker .ui-datepicker-next,
.booking-box.booking-detail .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  height: auto;
}
.datepicker .ui-datepicker .ui-datepicker-prev,
.booking-box.booking-detail .ui-datepicker .ui-datepicker-prev {
  left: 15px;
}
.datepicker .ui-datepicker .ui-datepicker-next,
.booking-box.booking-detail .ui-datepicker .ui-datepicker-next {
  right: 15px;
}
.datepicker .ui-datepicker .table-holder,
.booking-box.booking-detail .ui-datepicker .table-holder {
  padding: 20px 10px;
}
.datepicker .ui-datepicker table,
.booking-box.booking-detail .ui-datepicker table {
  font-size: 12px;
}
.datepicker .ui-datepicker table thead,
.booking-box.booking-detail .ui-datepicker table thead {
  color: #a98d60;
  text-transform: uppercase;
}
.datepicker .ui-datepicker table thead th,
.booking-box.booking-detail .ui-datepicker table thead th {
  font-family: 'DIN';
  font-weight: 500;
  padding: 10px 0 10px;
  text-align: center;
  font-size: 14px;
}
.datepicker .ui-datepicker table tbody,
.booking-box.booking-detail .ui-datepicker table tbody {
  font-size: 13px;
}
.datepicker .ui-datepicker table tbody td,
.booking-box.booking-detail .ui-datepicker table tbody td {
  text-align: center;
  padding: 4px 0;
}
.datepicker .ui-datepicker table td.ui-datepicker-today a:after,
.booking-box.booking-detail .ui-datepicker table td.ui-datepicker-today a:after {
  border-color: transparent #5a5959 transparent transparent;
}
.datepicker .ui-datepicker table td a,
.booking-box.booking-detail .ui-datepicker table td a,
.datepicker .ui-datepicker table td span,
.booking-box.booking-detail .ui-datepicker table td span {
  padding: 5px 12px;
}
.datepicker .ui-datepicker .ui-state-hover,
.booking-box.booking-detail .ui-datepicker .ui-state-hover {
  color: white;
}
.datepicker .ui-datepicker .ui-state-disabled,
.booking-box.booking-detail .ui-datepicker .ui-state-disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.datepicker .ui-datepicker .ui-state-active,
.booking-box.booking-detail .ui-datepicker .ui-state-active {
  background-color: #a98d60;
  color: white;
}
#RESERVIERUNG .ui-datepicker,
#RESERVIERUNG .table-holder {
  background: transparent;
}
#RESERVIERUNG .ui-datepicker .ui-datepicker-unselectable.ui-state-disabled {
  position: relative;
  /*
            &:before{
                opacity: 0;
                display: none;
                content: "geschlossen";
                color: black;
                background-color: #cacaca;
                padding: 0;
                position: absolute;
                bottom: 85%;
                right: -65%;
                width: 0;
                height: 0;
                z-index: 1;
            }
            &:hover{
                &:before{
                    opacity: 1;
                    display: block;
                    transition: opacity 250ms ease-in;
                    padding: 4px 11px;
                    width: 90px;
                    height: 26px;
                }
            }
            */
}
#ui-datepicker-div {
  display: none;
}
@media (min-width: 992px) {
  .v-md-center {
    display: inline-block;
    vertical-align: top;
    float: none;
  }
}
.date-picker-holder {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .date-picker-holder {
    margin: 0;
    width: 60%;
  }
}
@media (min-width: 992px) {
  .scroller-container {
    margin: 0;
    width: 38%;
    margin-left: 2%;
  }
}
.ui-icon {
  display: none;
}
.presse {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .presse {
    padding: 0 0 40px;
  }
}
.presse .container,
.presse .container-fluid {
  max-width: 1100px;
}
.presse .container .row,
.presse .container-fluid .row {
  margin: 0 -25px;
}
.presse .container .row [class*=col-],
.presse .container-fluid .row [class*=col-] {
  padding: 0 25px;
}
.presse-block {
  position: relative;
}
@media (min-width: 768px) {
  .presse-block {
    margin-bottom: 50px;
  }
}
.presse-block h2 {
  color: #a98d60;
  text-align: center;
  margin-bottom: 0.85em;
}
@media (min-width: 992px) {
  .presse-block h2 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .presse-block h2 {
    font-size: 60px;
  }
}
.presse-item {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .presse-item {
    margin-bottom: 20px;
  }
}
.presse-item .image-holder {
  position: relative;
  height: 200px;
  overflow: hidden;
  background: #e6e6e6;
}
@media (min-width: 768px) {
  .presse-item .image-holder {
    height: 230px;
  }
}
@media (min-width: 992px) {
  .presse-item .image-holder {
    height: 285px;
  }
}
.presse-item .image-holder img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  min-width: 100%;
  min-height: 100%;
}
.presse-item figcaption {
  padding: 18px 0;
  min-height: 145px;
  text-transform: uppercase;
}
.presse-item figcaption h5 {
  margin: 0;
  line-height: 1.4;
  padding-right: 10px;
}
@media (min-width: 1200px) {
  .presse-item figcaption h5 {
    font-size: 18px;
  }
}
.presse-item figcaption .key-value .key {
  width: 40%;
}
.presse-item figcaption .key-value .value {
  width: 60%;
}
.presse-item figcaption .key,
.presse-item figcaption .value {
  margin-bottom: 9px;
  white-space: nowrap;
}
.presse-item-downloads {
  margin-top: 13px;
}
.teaser-text-muster {
  pointer-events: none;
}
@media (min-width: 992px) {
  .event-form .xr_form_pflichtinfo {
    margin-top: -40px;
    display: block;
    position: absolute;
  }
}
@media (min-width: 992px) {
  .kontakt-form .datenschutz-wrapper {
    margin-top: 15px;
  }
}
.price-overview {
  background: #192631;
  color: #a98d60;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .price-overview {
    padding: 60px 0;
  }
}
.price-overview .has-border {
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}
@media (min-width: 768px) {
  .price-overview .has-border {
    border: none;
    border-left: 1px solid currentColor;
    border-right: 1px solid currentColor;
  }
}
.price-overview .price-item {
  padding: 30px 0;
}
@media (min-width: 768px) {
  .price-overview .price-item {
    display: table;
    margin: 0 auto;
    padding: 0;
  }
}
.price-overview .h2,
.price-overview h3 {
  font-size: 28px;
  margin-bottom: 0.4em;
  text-transform: none;
  letter-spacing: normal;
}
@media (min-width: 992px) {
  .price-overview .h2,
  .price-overview h3 {
    font-size: 40px;
  }
}
.price-overview ul {
  display: block;
  padding: 0 0 0 17px;
  margin: 0 0 25px;
}
@media (min-width: 768px) {
  .price-overview ul {
    margin: 0;
    height: 150px;
  }
}
.price-overview ul li {
  padding: 4px 0;
}
.price-overview dl {
  margin: 0;
}
.price-overview dl dt {
  font-family: 'Marion';
  font-weight: 300;
  display: block;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 0.25em;
}
@media (min-width: 768px) {
  .price-overview dl dt {
    font-size: 20px;
  }
}
.price-overview dl dd {
  font-family: 'Marion';
  font-weight: 300;
  font-size: 28px;
  margin-bottom: 0.35em;
}
.price-overview dl dd:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .price-overview dl dd {
    font-size: 40px;
  }
}
.price-overview dl dd small {
  font-size: 0.5em;
}
.price-overview .preise-button {
  margin-top: 60px;
  margin-right: 6px;
}
.jahrgang-headline {
  position: relative;
  text-align: center;
  color: #a98d60;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .jahrgang-headline {
    margin-bottom: 50px;
  }
}
.jahrgang-headline .terrasse {
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 80%;
  -webkit-transform: translate(50%, 0);
  -moz-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  transform: translate(50%, 0);
  height: auto;
  max-width: 870px;
  min-width: 540px;
  margin-bottom: 3px;
  opacity: 0.9;
}
.jahrgang-headline .shadow {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
}
.jahrgang-headline .shadow.top {
  top: auto;
  bottom: 100%;
}
.jahrgang-headline h2 {
  font-size: 18px;
  padding: 1.5em 0;
  margin: 0;
}
@media (min-width: 768px) {
  .jahrgang-headline h2 {
    font-size: 21px;
  }
}
.video-holder {
  background: black;
}
.video-holder.play-video .hide-on-play {
  opacity: 0;
  pointer-events: none;
}
.video-holder .hide-on-play {
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.video-holder .yt-video {
  display: block;
  width: 100%;
  height: 100%;
}
.video-holder video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.video-holder video + .hide-on-play .focuspoint:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 2;
}
.video-holder .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 70px;
  color: white;
  z-index: 3;
  cursor: pointer;
}
.meta-page {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .meta-page {
    padding: 80px 0;
  }
}
@media (min-width: 992px) {
  .meta-page {
    padding: 120px 0;
  }
}
.meta-page .container {
  max-width: 800px;
}
.meta-page address {
  font-size: 1.1em;
  color: #5a5959;
  line-height: 1.45;
}
.meta-page address strong {
  font-size: 1.1em;
  line-height: 1.6;
}
.meta-page .textblock-holder {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .meta-page .textblock-holder {
    margin-top: 85px;
  }
}
.meta-page .textblock-holder .textblock {
  margin: 30px 0;
}
@media (min-width: 768px) {
  .meta-page .textblock-holder .textblock {
    margin: 55px 0;
  }
}
.mutli-filter {
  background: #192631;
  color: white;
  text-align: center;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .mutli-filter {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .mutli-filter {
    margin-bottom: 50px;
  }
}
.mutli-filter .sod_select {
  display: inline-block;
  background: none;
  border: none;
  margin: 0 20px;
  width: auto;
  padding-right: 20px;
}
.mutli-filter .sod_select.open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mutli-filter .sod_select:before {
  display: none;
}
.mutli-filter .sod_select:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
  font-size: 0.8em;
  color: white;
  bottom: 2.6em;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mutli-filter .sod_select:after {
    bottom: 20px;
  }
}
.mutli-filter .sod_select .sod_label {
  font-family: 'Marion';
  font-weight: 300;
  color: white;
  font-size: 17px;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .mutli-filter .sod_select .sod_label {
    font-size: 20px;
  }
}
.sod_list_menu-style .sod_label,
.xs-shop-multifilter .sod_label,
.filter-dropdown-group .sod_label {
  line-height: 1.4;
}
.sod_list_menu-style .sod_select.above .sod_list_wrapper,
.xs-shop-multifilter .sod_select.above .sod_list_wrapper,
.filter-dropdown-group .sod_select.above .sod_list_wrapper {
  border-top: none;
}
.sod_list_menu-style .sod_list_wrapper,
.xs-shop-multifilter .sod_list_wrapper,
.filter-dropdown-group .sod_list_wrapper {
  border: none;
  box-shadow: 0 0 10px rgba(140, 140, 140, 0.25);
  padding: 20px 0;
}
.sod_list_menu-style .sod_option,
.xs-shop-multifilter .sod_option,
.filter-dropdown-group .sod_option {
  font-size: 14px;
  text-transform: uppercase;
  padding: 0.9em 20px 0.9em 30px;
  color: #a98d60;
  font-weight: 400;
  cursor: pointer;
  /*
        &.active {
            background:rgb(245,245,245);
            color:@gold;
        }
        */
}
.sod_list_menu-style .sod_option.selected,
.xs-shop-multifilter .sod_option.selected,
.filter-dropdown-group .sod_option.selected,
.sod_list_menu-style .sod_option.selected.active,
.xs-shop-multifilter .sod_option.selected.active,
.filter-dropdown-group .sod_option.selected.active,
.sod_list_menu-style .sod_option.active,
.xs-shop-multifilter .sod_option.active,
.filter-dropdown-group .sod_option.active {
  background: #192631;
  color: #a98d60;
  font-weight: 400;
}
.hotel-overview {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .hotel-overview {
    padding: 60px 0;
  }
}
.hotel-overview.has-background {
  background-image: url('//www.weingutnigl.at/xstorage/1/_cache/20180907/bg_beige_368_1_4848b26de3e03bf0195f95b6e30ad86a.jpg');
  background-size: cover;
  background-position: left top;
  padding: 30px 0;
  margin: 0;
}
@media (min-width: 992px) {
  .hotel-overview.has-background {
    margin: 0 15px;
    padding: 55px 0;
  }
}
@media (min-width: 1200px) {
  .hotel-overview.has-background {
    margin: 0 25px;
    padding: 65px 0;
  }
}
.hotel-overview.has-background .stats-group {
  margin-bottom: 0;
}
.hotel-overview.has-background .stats-group:empty {
  display: none;
}
.hotel-overview.has-background .stats-group-icon {
  font-size: 1.8em;
}
.hotel-overview + .headline-subline {
  margin: 50px 0 30px;
}
@media (min-width: 768px) {
  .hotel-overview + .headline-subline {
    margin: 80px 0 40px;
  }
}
.hotel-overview .hotelzimmer-box {
  margin-bottom: 35px;
}
.hotel-overview .hotelzimmer-box h3,
.hotel-overview .hotelzimmer-box .h3 {
  font-size: 15px;
  margin-bottom: 0.35em;
}
@media (min-width: 992px) {
  .hotel-overview .hotelzimmer-box h3,
  .hotel-overview .hotelzimmer-box .h3 {
    font-size: 16px;
  }
}
.hotel-overview .hotelzimmer-box h2,
.hotel-overview .hotelzimmer-box .h2 {
  font-size: 37px;
  margin-bottom: 0.4em;
}
@media (min-width: 768px) {
  .hotel-overview .hotelzimmer-box h2,
  .hotel-overview .hotelzimmer-box .h2 {
    font-size: 47px;
  }
}
@media (min-width: 992px) {
  .hotel-overview .hotelzimmer-box h2,
  .hotel-overview .hotelzimmer-box .h2 {
    font-size: 54px;
  }
}
.hotel-overview .hotelzimmer-box .image-holder {
  position: relative;
  padding-bottom: 75%;
  overflow: hidden;
}
.hotel-overview .hotelzimmer-box .image-holder img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.hotel-overview .hotelzimmer-box .benefits-holder {
  background: #a98d60;
  color: white;
  text-align: center;
  padding: 10px 0;
  white-space: nowrap;
}
.hotel-overview .hotelzimmer-box .benefits-item {
  display: inline-block;
  padding: 0 5%;
  font-size: 24px;
  text-align: center;
  border-left: 1px solid currentColor;
}
.hotel-overview .hotelzimmer-box .benefits-item:first-of-type {
  border-left: none;
}
@media (min-width: 768px) {
  .hotel-overview .hotelzimmer-box .benefits-item {
    padding: 0 22px;
  }
}
@media (min-width: 992px) {
  .hotel-overview .hotelzimmer-box .benefits-item {
    padding: 0 42px;
  }
}
@media (min-width: 1200px) {
  .hotel-overview .hotelzimmer-box .benefits-item {
    padding: 0 50px;
  }
}
.hotel-overview .hotelzimmer-box .benefits-item [class*=icon-] {
  line-height: 40px;
  marign-bottom: 0.25em;
}
.hotel-overview .hotelzimmer-box .benefits-item .icon-fruehstuck {
  font-size: 1.25em;
}
.hotel-overview .hotelzimmer-box .benefits-item .icon-fruehstuck + .wording {
  width: 80px;
}
.hotel-overview .hotelzimmer-box .benefits-item .wording {
  font-family: 'DIN';
  font-weight: 700;
  display: block;
  width: 50px;
  text-transform: uppercase;
  font-size: 10px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  white-space: pre-wrap;
}
@media (min-width: 768px) {
  .hotel-overview .hotelzimmer-box .benefits-item .wording {
    font-size: 12px;
    width: 60px;
  }
}
.hotel-overview .hotelzimmer-box .price-holder {
  text-align: center;
  color: #a98d60;
  padding: 1.3em 0;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'DIN';
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  .hotel-overview .hotelzimmer-box .price-holder {
    font-size: 17px;
  }
}
.hotel-overview .hotelzimmer-box .button-link {
  display: block;
  background: #192631;
  color: #a98d60;
  padding: 1.25em 0;
  text-align: center;
  font-family: 'DIN';
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hotel-overview .hotelzimmer-box .button-link:hover {
  color: #a98d60;
}
.dp-highlight .ui-state-default {
  background-color: #a98d60;
  color: white;
}
.xs-shop-multifilter,
.filter-dropdown-group {
  position: relative;
  padding: 20px 0;
  margin: 30px 0;
  text-align: center;
}
.xs-shop-multifilter .shadow,
.filter-dropdown-group .shadow {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
}
.xs-shop-multifilter .shadow.top,
.filter-dropdown-group .shadow.top {
  top: auto;
  bottom: 100%;
}
.xs-shop-multifilter .sod_select,
.filter-dropdown-group .sod_select,
.xs-shop-multifilter .filter-search,
.filter-dropdown-group .filter-search {
  display: block;
  width: 100%;
  background: none;
  border: none;
  box-shadow: none;
  margin: 0 20px;
  padding: 15px 0;
  width: auto;
  padding-right: 25px;
  border-bottom: 1px solid #192631;
  margin-bottom: 15px;
  -webkit-transition: border-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: border-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: border-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: border-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 768px) {
  .xs-shop-multifilter .sod_select,
  .filter-dropdown-group .sod_select,
  .xs-shop-multifilter .filter-search,
  .filter-dropdown-group .filter-search {
    display: inline-block;
    vertical-align: bottom;
    width: 42%;
  }
}
@media (min-width: 992px) {
  .xs-shop-multifilter .sod_select,
  .filter-dropdown-group .sod_select,
  .xs-shop-multifilter .filter-search,
  .filter-dropdown-group .filter-search {
    width: 220px;
    padding-right: 20px;
    margin-bottom: 0;
  }
}
.xs-shop-multifilter .sod_select *,
.filter-dropdown-group .sod_select *,
.xs-shop-multifilter .filter-search *,
.filter-dropdown-group .filter-search *,
.xs-shop-multifilter .sod_select,
.filter-dropdown-group .sod_select,
.xs-shop-multifilter .filter-search,
.filter-dropdown-group .filter-search {
  outline: none;
}
.xs-shop-multifilter .sod_select:focus,
.filter-dropdown-group .sod_select:focus,
.xs-shop-multifilter .filter-search:focus,
.filter-dropdown-group .filter-search:focus,
.xs-shop-multifilter .sod_select.open,
.filter-dropdown-group .sod_select.open,
.xs-shop-multifilter .filter-search.open,
.filter-dropdown-group .filter-search.open,
.xs-shop-multifilter .sod_select:hover,
.filter-dropdown-group .sod_select:hover,
.xs-shop-multifilter .filter-search:hover,
.filter-dropdown-group .filter-search:hover {
  outline: none;
  box-shadow: none;
  border-bottom-color: #192631;
}
.xs-shop-multifilter .sod_select:focus:after,
.filter-dropdown-group .sod_select:focus:after,
.xs-shop-multifilter .filter-search:focus:after,
.filter-dropdown-group .filter-search:focus:after,
.xs-shop-multifilter .sod_select.open:after,
.filter-dropdown-group .sod_select.open:after,
.xs-shop-multifilter .filter-search.open:after,
.filter-dropdown-group .filter-search.open:after,
.xs-shop-multifilter .sod_select:hover:after,
.filter-dropdown-group .sod_select:hover:after,
.xs-shop-multifilter .filter-search:hover:after,
.filter-dropdown-group .filter-search:hover:after {
  opacity: 1;
}
.xs-shop-multifilter .sod_select:focus .sod_label,
.filter-dropdown-group .sod_select:focus .sod_label,
.xs-shop-multifilter .filter-search:focus .sod_label,
.filter-dropdown-group .filter-search:focus .sod_label,
.xs-shop-multifilter .sod_select.open .sod_label,
.filter-dropdown-group .sod_select.open .sod_label,
.xs-shop-multifilter .filter-search.open .sod_label,
.filter-dropdown-group .filter-search.open .sod_label,
.xs-shop-multifilter .sod_select:hover .sod_label,
.filter-dropdown-group .sod_select:hover .sod_label,
.xs-shop-multifilter .filter-search:hover .sod_label,
.filter-dropdown-group .filter-search:hover .sod_label {
  color: #192631;
}
.xs-shop-multifilter .sod_select.open:after,
.filter-dropdown-group .sod_select.open:after,
.xs-shop-multifilter .filter-search.open:after,
.filter-dropdown-group .filter-search.open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.xs-shop-multifilter .sod_select:before,
.filter-dropdown-group .sod_select:before,
.xs-shop-multifilter .filter-search:before,
.filter-dropdown-group .filter-search:before {
  display: none;
}
.xs-shop-multifilter .sod_select:after,
.filter-dropdown-group .sod_select:after,
.xs-shop-multifilter .filter-search:after,
.filter-dropdown-group .filter-search:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
  font-size: 0.8em;
  color: #192631;
  bottom: 2.2em;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.xs-shop-multifilter .sod_select .sod_label,
.filter-dropdown-group .sod_select .sod_label,
.xs-shop-multifilter .filter-search .sod_label,
.filter-dropdown-group .filter-search .sod_label {
  font-family: 'Marion';
  font-weight: 300;
  color: #a98d60;
  font-size: 17px;
  letter-spacing: 1px;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 768px) {
  .xs-shop-multifilter .sod_select .sod_label,
  .filter-dropdown-group .sod_select .sod_label,
  .xs-shop-multifilter .filter-search .sod_label,
  .filter-dropdown-group .filter-search .sod_label {
    font-size: 18px;
  }
}
.xs-shop-multifilter .sod_select .sod_list_wrapper,
.filter-dropdown-group .sod_select .sod_list_wrapper,
.xs-shop-multifilter .filter-search .sod_list_wrapper,
.filter-dropdown-group .filter-search .sod_list_wrapper {
  z-index: 100;
  width: 100%;
  margin: 30px 0;
}
.xs-shop-multifilter .filter-search,
.filter-dropdown-group .filter-search {
  height: 54px;
  line-height: 54px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 50px;
  font-family: 'Marion';
  font-weight: 300;
  color: #a98d60;
  font-size: 17px;
  letter-spacing: 1px;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 768px) {
  .xs-shop-multifilter .filter-search,
  .filter-dropdown-group .filter-search {
    font-size: 18px;
    height: 56px;
    line-height: 56px;
  }
}
@media (min-width: 992px) {
  .xs-shop-multifilter .filter-search,
  .filter-dropdown-group .filter-search {
    margin-top: 0;
    height: 50px;
    line-height: 50px;
  }
}
@media (min-width: 768px) {
  .kontakt-teaser .teaser-text {
    padding: 40px 0 0px;
  }
}
.form-date-multiselect .date-value-holder {
  display: inline-block;
  border: 2px solid white;
  color: white;
  text-align: center;
  width: calc(50% - 15px);
  height: 40px;
  line-height: 40px;
  padding: 0;
  font-family: 'Marion';
  font-weight: 300;
}
.form-date-multiselect .to {
  width: 30px;
  color: white;
  font-size: 19px;
}
.error-404 {
  padding: 60px 0;
}
@media (min-width: 768px) {
  .error-404 {
    padding: 90px 0;
  }
}
@media (min-width: 992px) {
  .error-404 {
    padding: 130px 0;
  }
}
@media (min-width: 1200px) {
  .error-404 {
    padding: 170px 0;
  }
}
.modal-footer .btn-primary {
  color: #a98d60;
  background: none;
}
.modal-footer .btn-primary:hover {
  background: none;
}
.modal-footer .btn-default {
  background: none;
  margin-right: 15px;
}
.modal-footer .btn-default:after {
  display: none !important;
}
.modal-footer .btn-default:hover {
  background: none;
}
.v-btn {
  display: inline-block;
  padding: 0.5em 1em;
  outline: 0;
  border: 0;
  cursor: pointer;
  transition: border 300ms ease, color 300ms ease, background-color 300ms ease;
}
.v-btn.v-btn-primary {
  text-transform: uppercase;
  background-color: #a98d60;
  color: #fff;
  border: 1px solid #a98d60;
}
.v-btn.v-btn-primary:hover {
  background-color: #fff;
  color: #a98d60;
  border-color: #a98d60;
}
/*
.teaser-image {
    .xr-sizes:not(.xr-fpjs) {
        img {
            position:absolute;
            top:50%; left:50%;
            .translate(-50%,-50%);
            width:auto;
            height:auto;
            min-width:100%;
            min-height:100%;
        }
    }
}

.image-text, .image-text-slider, .lagen-item, .hotelzimmer-box, .vintage-item {
    .xr-sizes:not(.xr-fpjs) {
        img {
            position:absolute;
            top:0; left:0;
            width:100%;
            height:auto;
            opacity:1 !important;
        }
    }
}
*/
#xs-shop-stripe-form {
  margin: 20px 0;
  max-width: 400px;
}
#xs-shop-stripe-form .StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #a98d60;
  color: #a98d60;
}
#xs-shop-stripe-form .StripeElement--invalid {
  border-bottom-color: #d81d08;
}
#xs-shop-stripe-form #xs-shop-stripe-card-errors {
  color: #d81d08;
}
#xs-shop-stripe-form .StripeElement--webkit-autofill {
  background-color: white !important;
}
#xs-shop-stripe-form .group-item {
  margin-bottom: 25px;
}
#xs-shop-stripe-form .group-item label {
  font-family: 'Marion';
  font-weight: 300;
  display: block;
  color: #a98d60;
  font-size: 19px;
}
@media (min-width: 768px) {
  #xs-shop-stripe-form .group-item label {
    font-size: 23px;
  }
}
.shop-detail-ean {
  margin: 15px 0 30px;
}
.shop-detail-ean .item {
  display: inline-block;
  border-left: 1px solid #5a5959;
  color: #5a5959;
  padding: 0px 0.6em;
  font-size: 0.8em;
}
.shop-detail-ean .item:first-of-type {
  padding-left: 0;
  border-left: 0px;
}
.doubleoptin-landingpage {
  padding: 60px 0;
}
@media (min-width: 768px) {
  .doubleoptin-landingpage {
    padding: 110px 0;
  }
}
@media (min-width: 992px) {
  .doubleoptin-landingpage {
    padding: 140px 0;
  }
}
@media (min-width: 1200px) {
  .doubleoptin-landingpage {
    padding: 170px 0;
  }
}
.doubleoptin-landingpage h1,
.doubleoptin-landingpage .h2 {
  font-size: 28px;
  line-height: 1.4;
  text-transform: none;
}
@media (min-width: 768px) {
  .doubleoptin-landingpage h1,
  .doubleoptin-landingpage .h2 {
    font-size: 35px;
  }
}
@media (min-width: 992px) {
  .doubleoptin-landingpage h1,
  .doubleoptin-landingpage .h2 {
    font-size: 43px;
  }
}
@media (min-width: 1200px) {
  .doubleoptin-landingpage h1,
  .doubleoptin-landingpage .h2 {
    font-size: 50px;
  }
}
.versandkosten-info {
  font-family: 'Marion';
  font-weight: 300;
  font-size: 18px;
  color: #a98d60;
  text-align: center;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .versandkosten-info {
    font-size: 23px;
  }
}
@media (min-width: 992px) {
  .versandkosten-info {
    font-size: 28px;
  }
}
.xs-shop-warenkorb.xs-shop-section-padding {
  padding-top: 60px;
}
@media (min-width: 768px) {
  .xs-shop-warenkorb.xs-shop-section-padding {
    padding-top: 100px;
  }
}
@keyframes zoom {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    transform: scale(1.09);
  }
}
.ausverkauft {
  font-family: 'Marion';
  font-weight: 300;
  color: #a98d60;
  margin-top: 2em;
  font-size: 20px;
}
@media (min-width: 768px) {
  .ausverkauft {
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .ausverkauft {
    font-size: 29px;
  }
}
.restaurant-form {
  margin-top: 20px;
}
.restaurant-form .booking-fields {
  padding: 23px 20px 26px;
}
.restaurant-form h2 {
  margin-bottom: 0.4em;
}
.restaurant-form h2 + p {
  margin-bottom: 2em;
}
.newsletter-unsubscription {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .newsletter-unsubscription {
    padding: 70px 0;
  }
}
@media (min-width: 992px) {
  .newsletter-unsubscription {
    padding: 100px 0;
  }
}
@media (min-width: 1200px) {
  .newsletter-unsubscription {
    padding: 130px 0;
  }
}
.newsletter-unsubscription .show-on-success {
  padding: 30px 0 0 0;
}
.newsletter-unsubscription .show-on-success h3 {
  font-size: 17px;
}
a,
a:hover {
  color: currentColor;
}
.v-container {
  max-width: 1270px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
/*/xassets/uncompressed/source_map/66.css.css.map */