/* Eyecatcher */
.sb-eyecatcher.fullscreen {
  /*min-height:600px;
  min-height:100vh;*/
}
.sb-eyecatcher.ratio-2 {
  height: 50vw;
}
.sb-eyecatcher.ratio-3 {
  height: 33vw;
}
.sb-eyecatcher.ratio-4 {
  height: 25vw;
}
.sb-eyecatcher.ratio-5 {
  height: 20vw;
}
.sb-eyecatcher .parallax {
  position:absolute;
  bottom:0;
  left:0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sb-eyecatcher .parallax > figure {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
}
.sb-eyecatcher .info-box {
  width: 18%;
  position:absolute;
  right:0;
  top:50%;
  text-align: right;
  
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.sb-eyecatcher .info-box .box-text {
  background: #fdfaf8;
  padding:2em 1em 2em 2em;
  font-size:90%;
  text-transform:uppercase;
  line-height:1.5;
  text-align:left;
  
  -webkit-border-top-left-radius: 7px;
      -moz-border-radius-topleft: 7px;
          border-top-left-radius: 7px;
  
  -webkit-border-bottom-left-radius: 7px;
      -moz-border-radius-bottomleft: 7px;
          border-bottom-left-radius: 7px;
}
.sb-eyecatcher .info-box .box-text .header {
  font-size:200%;
  display:block;
  font-weight:700;
  margin-bottom:.5em;
}
.sb-eyecatcher .info-box .box-link {
  margin-bottom:1.25em;
}
.sb-eyecatcher .info-box .box-link > a {
  display:inline-block;
  
	
  position:relative;
  font-size:200%;
  font-family: 'Amatic SC', cursive;
  font-weight:700;
  padding:.1em .5em .1em 1em;
    
  -webkit-border-top-left-radius: 7px;
      -moz-border-radius-topleft: 7px;
          border-top-left-radius: 7px;
  
  -webkit-border-bottom-left-radius: 7px;
      -moz-border-radius-bottomleft: 7px;
          border-bottom-left-radius: 7px;
  
  -webkit-transition: all 250ms ;
     -moz-transition: all 250ms ;
       -o-transition: all 250ms ;
          transition: all 250ms ;
}
.sb-eyecatcher .info-box .box-link > a:hover {
  text-decoration:none;
  padding-right: 1em;
}
.sb-eyecatcher .info-box .box-request > a {
  background: #422817;
  color:#fdfaf8;
}
.sb-eyecatcher .info-box .box-phone > a {
  background: #fdfaf8;
  color:#422817;
}
.sb-eyecatcher .info-box .box-link > a > img {
  position:absolute;
  width:66px;
  height:55px;
  top:-22px;
  left:-33px;
}
.sb-eyecatcher .info-box .box-link > a > span {
	white-space: nowrap;
}
.sb-eyecatcher .big-text-image {
  position:absolute;
  bottom:0;
  left:0;
  width:80%;
}

.sb-eyecatcher .badge {
  position:absolute;
  top: 10vw;
  left:10vw;
  
/*	transform: translateY(-50%)*/
}
.sb-eyecatcher .badge img {
	width:200px;
}


/* Eyecatcher slider */
.sb-eyecatcher.ec-slider .image ul {
  list-style:none;
  margin:0;
  padding:0;
}
.sb-eyecatcher.ec-slider,
.sb-eyecatcher.ec-slider .bx-wrapper, 
.sb-eyecatcher.ec-slider .bx-viewport, 
.sb-eyecatcher.ec-slider .slider,
.sb-eyecatcher.ec-slider .slider > li{
  height: 100svh;
}
.sb-eyecatcher.ec-slider .slider > li {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.sb-eyecatcher.ec-slider .bx-controls {
  position:absolute;
  bottom:5%;
  left: 50%;
  
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.sb-eyecatcher.ec-slider .bx-pager-item {
  display:inline-block;
  margin: 0 .2em;
}
.sb-eyecatcher.ec-slider .bx-pager-item a {
  text-indent:-99999px;
  display:block;
  width:1.1em;
  height:1.1em;
  background:rgba(255,255,255,1);
  border:5px solid #fff;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  
  -webkit-transition: all 250ms ;
     -moz-transition: all 250ms ;
       -o-transition: all 250ms ;
          transition: all 250ms ;
}
.sb-eyecatcher.ec-slider .bx-pager-item a.active {
  background:rgba(255,255,255,0);
}
.sb-eyecatcher .big-text-image {
  pointer-events: none;
}


/* Full width image */
.sb-full-width-image ul {
  list-style:none;
  margin:0;
  padding:0;
}
.sb-full-width-image.ratio-2,
.sb-full-width-image.ratio-2 .bx-wrapper, 
.sb-full-width-image.ratio-2 .bx-viewport, 
.sb-full-width-image.ratio-2 .slider {
  height: 50vw;
}
.sb-full-width-image.ratio-3,
.sb-full-width-image.ratio-3 .bx-wrapper, 
.sb-full-width-image.ratio-3 .bx-viewport, 
.sb-full-width-image.ratio-3 .slider {
  height: 33vw;
}
.sb-full-width-image.ratio-4,
.sb-full-width-image.ratio-4 .bx-wrapper, 
.sb-full-width-image.ratio-4 .bx-viewport, 
.sb-full-width-image.ratio-4 .slider {
  height: 25vw;
}
.sb-full-width-image.ratio-5,
.sb-full-width-image.ratio-5 .bx-wrapper, 
.sb-full-width-image.ratio-5 .bx-viewport, 
.sb-full-width-image.ratio-5 .slider {
  height: 20vw;
}
.sb-full-width-image .image {
  position:absolute;
  bottom:0;
  left:0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sb-full-width-image .image li {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.sb-full-width-image .bx-controls {
  position:absolute;
  bottom:5%;
  left: 50%;
  
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.sb-full-width-image .bx-pager-item {
  display:inline-block;
  margin: 0 .2em;
}
.sb-full-width-image .bx-pager-item a {
  text-indent:-99999px;
  display:block;
  width:1.1em;
  height:1.1em;
  background:rgba(255,255,255,1);
  border:5px solid #fff;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  
  -webkit-transition: all 250ms ;
     -moz-transition: all 250ms ;
       -o-transition: all 250ms ;
          transition: all 250ms ;
}
.sb-full-width-image .bx-pager-item a.active {
  background:rgba(255,255,255,0);
}


/* Simple text */
section.sb-simple-text  {
  padding:11em 0;
}
section.sb-simple-text.white {
  background-color:#fff;
}
section.sb-simple-text .row > div {
  z-index:5;
  background-color:rgba(253, 250, 248, .75);
}
section.sb-simple-text.white .row > div {
  background-color:rgba(255, 255, 255, .75);
}
section.sb-simple-text a {
  font-weight:600;
  color:#c19e75;
}
.sb-simple-text .header {
  position:relative;
  display: inline-block;
}
.sb-simple-text .header img {
  position:absolute;
  top:100%;
  right:0;
  max-width:141px;
  max-height:112px;
  
  -webkit-transform: translate(42%, -29%);
     -moz-transform: translate(42%, -29%);
       -o-transform: translate(42%, -29%);
          transform: translate(42%, -29%);
}
section.sb-simple-text > img {
  position:absolute;
  right:0;
  width:45%;
}

section.sb-simple-text > .svg-image {
  top:100%;
  
  -webkit-transform: translate(10%, -120%);
     -moz-transform: translate(10%, -120%);
       -o-transform: translate(10%, -120%);
          transform: translate(10%, -120%);
 }

section.sb-simple-text > .pixel {
  top:50%;
  
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
 }

/* Icons */
.sb-icons .icon {
  display:inline-block;
  vertical-align:top;
  margin:0 2em .5em 0;
}
.sb-icons .icon img {
  height:80px;
}



/* Quotation Box */
.sb-quotation-box {
  background:#34415f;
  color:#fdfaf8;
}
.sb-quotation-box.light-blue {
  background:#7d8aa9;
}
.sb-quotation-box.brown {
  background:#c19e75;
}
.sb-quotation-box:after {
  content: '';
  display: block;
  clear: both;
}
.sb-quotation-box > div {
  float:left;
  width:50%;
  position:relative;
  padding-top:50%;
}
.sb-quotation-box .image {
  
}
.sb-quotation-box .image figure {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.sb-quotation-box .text > div {
  position:absolute;
  top:50%;
  padding:6em;
  width:100%;
  
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.sb-quotation-box .text > div > span {
  display:block;
}
.sb-quotation-box .text > div .quotation {
  font-size:360%;
  font-family: 'Amatic SC', cursive;
  text-align:center;
}
.sb-quotation-box .text > div .author {
  font-size:130%;
  font-family: 'Amatic SC', cursive;
  text-align:right;
  font-weight: 700;
  margin-top:1em;
}



/* Text and image */
.sb-text-image {
  padding: 3.5em 0;
}
.sb-text-image.left {
  background:#fff;
}
.sb-text-image .header {
  font-size:330%;
  color:#c19e75;
  display:inline-block;
  vertical-align: bottom;
  margin: 0 1em 0 0;
  line-height:1;
	font-weight:700;
}
.sb-text-image .subheader {
  font-size:150%;
  color:#422817;
  display:inline-block;
  vertical-align: bottom;
  margin:0;
  line-height:1;
  margin-top: .5em;
}
.sb-text-image .text {
  margin-top: 1em;
}
.sb-text-image .text:first-child {
  margin-top: 0;
}
.sb-text-image .text a {
  font-weight:600;
  color:#c19e75;
}
.sb-text-image .text .tour-link {
	display: inline-block;
	background: #34415f;
	color: #fdfaf8;
	padding: .25em .75em;
	font-family: 'Amatic SC', cursive;
	font-size: 150%;
	font-weight: 700;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 1em;
}
.sb-text-image .text .tour-link:hover {
    text-decoration: none;
}
.sb-text-image .text .tour-link.map {
    background: #c19e75;
}
.sb-text-image .text .room-links {
	text-align: left;
}
.sb-text-image .text .room-links > div {
  margin-left: 0;  
	margin-right: .5em;
}
.sb-text-image .text .request-link a {
    color: #fdfaf8 !important;
}

/* Tiled gallery */
.sb-tiled-gallery {
  height:40vw;
  padding:.25em;
}
.sb-tiled-gallery > div {
  position:relative;
  height:100%;
}
.sb-tiled-gallery:before,
.sb-tiled-gallery:after {
  content: '';
  display: block;
  clear: both;
}
.sb-tiled-gallery .image {
  position:absolute;
  top:0;
  left:0;
  border:.25em solid #fdfaf8;
  overflow:hidden;
  
  background:#7d8aa9;
}
.sb-tiled-gallery .image > a {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  
  opacity:1;
  
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  
  -webkit-transition: all 250ms ;
     -moz-transition: all 250ms ;
       -o-transition: all 250ms ;
          transition: all 250ms ;
}
.sb-tiled-gallery .image > a:hover {
  opacity:.65;
  
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.sb-tiled-gallery .image-1 {
  width:20%;
  height:50%
}
.sb-tiled-gallery .image-2 {
  width:20%;
  height:50%;
    
  top:0;
  left:20%;
}
.sb-tiled-gallery .image-3 {
  width:40%;
  height:50%;
  
  top:50%;
  left:0;
}
.sb-tiled-gallery .image-4 {
  width:40%;
  height:100%;
  
  top:0;
  left:40%;
}
.sb-tiled-gallery .image-5 {
  width:20%;
  height:50%;
  
  top:0;
  left:80%;
}
.sb-tiled-gallery .image-6 {
  width:20%;
  height:50%;
  
  top:50%;
  left:80%;
}


/* Room */
.sb-room {
  padding:11em 0;
  background:#fff;
}
.sb-room:before {
  content:'';
  display:block;
  position:absolute;
  top:-13px;
  right:0;
  left:0;
  height:26px;
  background-image:url(/fileadmin/userdata/images/icons-symbols-logos-backgrounds/x-ornament.svg);
  background-size: 40px 26px;
  background-repeat: repeat-x;
  background-position: top left;
}
.sb-room .header {
    font-size: 275%;
    color: #c19e75;
    margin: 0 0 .6em 0;
    font-weight: 700;
}
.pricelist {
  text-transform: uppercase;
}
.pricelist table {
  border-collapse: collapse;
  min-width:800px;
}

.pricelist tr:nth-child(odd) {
  background: #fdfaf8;
}
.pricelist td {
  padding:1em .5em;
  text-align:center;
}
.pricelist td:first-child {
  text-align:right;
}
.room-links {
  text-align:right;
  margin:2em 0 1.5em 0;
}
.room-links > div {
  display:inline-block;
  margin-left:.5em;
}
.room-links a {
  
  background:#34415f;
  color: #fdfaf8;
  padding:.25em .75em;
	text-decoration: none;
  font-family: 'Amatic SC', cursive;
  font-size:150%;
  font-weight:700;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;
  
}
.room-links .offers-link a {
  background:#7d8baa;
  color: #fdfaf8;  
}
.room-links a:hover {
  text-decoration:none;
} 
.sb-room .images {
  width:100%;
  padding-top:80%;
  position:relative;
}
.sb-room .images:before,
.sb-room .images:after {
  content: '';
  display: block;
  clear: both;
}
.sb-room .image {
  position:absolute;
  top:0;
  left:0;
  border:.25em solid #fdfaf8;
  overflow:hidden;
  
  background:#7d8aa9;
  
  width:25%;
  height:25%;
}
.sb-room .image > a {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  
  opacity:1;
  
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  
  -webkit-transition: all 250ms ;
     -moz-transition: all 250ms ;
       -o-transition: all 250ms ;
          transition: all 250ms ;
}
.sb-room .image > a:hover {
  opacity:.65;
  
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.sb-room .image-1 {
  width:60%;
  height:40%
}
.sb-room .image-2 {
  width:60%;
  height:60%;
    
  top:40%;
  
}
.sb-room .image-3 {
  width:40%;
  height:33.333%;
  
  top:0;
  left:60%;
}
.sb-room .image-4 {
  width:40%;
  height:33.333%;
  
  top:33.333%;
  left:60%;
}
.sb-room .image-5 {
  width:40%;
  height:33.333%;
  
  top:66.666%;
  left:60%;
}

/* Tours */
.sb-tours {
  padding: 11em 0;
  background:#fff;
}
.tour-container {
  margin-bottom:.5em;
}
.tour-container:last-child {
  margin-bottom:0;
}
.tour-container .header {
  font-size:300%;
  background: #fdfaf8;
  padding:.25em 15px;
  margin:0;
  position:relative;
  cursor:pointer;
}
.tour-container .header:after {
  content:'';
  position:absolute;
  display:block;
  background-image:url(/fileadmin/userdata/images/icons-symbols-logos-backgrounds/arrow.svg);
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;
  
  width:57px;
  height:37px;
  top:50%;
  right:15px;
  
  -webkit-transform: translate(0, -50%) rotate(180deg);
     -moz-transform: translate(0, -50%) rotate(180deg);
       -o-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
  
  -webkit-transition: all 250ms;
       -moz-transition: all 250ms;
         -o-transition: all 250ms;
            transition: all 250ms;
}

.tour-container .header.is-active:after {
  -webkit-transform: translate(0, -50%) rotate(0deg);
     -moz-transform: translate(0, -50%) rotate(0deg);
       -o-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
}
.tour-container .content {
  padding:1em 0;
  display:none;
}
.tour-container .content .tour {
  padding: 1em 0;
}
.tour-container .content .tour .subheader small {
  font-size:50%;
  color:#422817;
  margin-left:1em;
}
.tour-container .content .tour .subheader {
  margin-bottom:.4em;
}

.tour-container .content .tour .tour-link {
	display: inline-block;
	background: #34415f;
	color: #fdfaf8;
	padding: .25em .75em;
	font-family: 'Amatic SC', cursive;
	font-size: 150%;
	font-weight: 700;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-right:.15em;
}
.tour-container .content .tour .tour-link:last-child {
	margin-right:0;
}
.tour-container .content .tour .tour-link.map {
    background: #c19e75;
}
.tour-container .content .tour .tour-link:hover {
    text-decoration: none;
}

/* Big pictures */
.sb-big-pictures {
	padding-bottom:11em;
}
.sb-big-pictures .row > div > div {
	margin-bottom:3em;
}
.sb-big-pictures .row > div > div:last-child {
	margin-bottom:0;
}