@charset "utf-8";

/****************************************************************************************************/
/* Allgemeines
/****************************************************************************************************/
* {
  width: auto;
  height: auto;

  margin: 0;
  padding: 0;

  background: none;

  border: none;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;

  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;

  outline: none;

  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;

  letter-spacing: normal;

  -webkit-text-size-adjust: none;
}

html {
  overflow-y: scroll;
}

body {
  overflow: hidden;
  position: relative;

  top: auto!important;

  min-width: 320px !important;

  background-color: #ffffff;

  font-size: 17px; /* Standardgroesse 17px */

  color: #505256;
  line-height: 145%;
}

:root {
  /** 
   * 1. empfohlene Einstellungen 
   */

  /* Farben für Anfarge- und Buchenbuttons */
  --hapi-background-button: #ffcd00;
  --hapi-color-button:  #ffffff;
  
  /* Primär: Farben für eine buchungsspezifische Auswahl, z.B. Urlaubszeitraum */
  --hapi-background-primary:  #ffcd00;
  --hapi-color-primary:  #505256;
  
  /* Kontrast: diese Farben sollten einen möglich gut erkennbaren Kontrast zu den oben genannten primären Farben haben, z.B. im Kalender ein verfügbarer Tag  */
  --hapi-background-contrast:  rgba(0, 0, 0, 0.1);
  --hapi-color-contrast: inherit;
  
  /* Ecken für Buttons, Cards usw. */
  --hapi-border-radius:  2px; /* für CIs mit Eckigen Kanten = 0px */
  
  
  /**
   * 2. sonstige Einstellungen (optional)
   */
  
  /* Schriftgröße */
  --hapi-font-size:  0.882em;
  
  /* Schriftfarbe */
  --hapi-color-text: inherit; /* standardmäßig, wird die aktuelle Schriftfarbe übernommen*/
  
  /* Linkfarbe in den Widgets, z.B. Pauschalendetail Link */
  --hapi-color-link:  #ffffff;
  
  /* Markierung für eine nicht verfügbare Auswahl, z.B. Datum ist nicht buchbar */
  --hapi-error-color:  #db6060;
  --hapi-error-color-text:  #ffffff;
}

.hapi-w-button {
  font-family: Oswald,Arial,Helvetica,sans-serif;
}
hapi-liveprice-room {
  margin-bottom: 50px;
}



.hapi-w-price-defaultvalue {

  opacity: 0;
  pointer-events: none;
}
  
/****************************************************************************************************/
/* Layout
/****************************************************************************************************/
/**********************************************************************/
/* Header
/**********************************************************************/
.page-header {
  overflow: hidden;
  position: relative;
  display: block;

  height: 110px;

  background-color: #505256;
}

.page-header.small-header {
  position: fixed;
  display: none;
  z-index: 1000;

  top: 0;
  right: 0;
  left: 0;

  min-width: 320px;
  width: 100%;
  height: 70px;

  margin: 0 auto 0 auto;
}

.page-header * {
  font-family: Oswald, Arial, Helvetica, sans-serif;

  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.page-header a,
.page-header a:link,
.page-header a:visited,
.page-header a:focus,
.page-header a:hover,
.page-header a:active {
  text-decoration: none;
}

/****************************************/
/* Icons
/****************************************/
.page-header .summer,
.page-header .winter,
.page-header .panorama,
.page-header .booking {
  display: block;
  position: relative;
  float: left;

  height: 15px;

  padding: 65px 25px 30px 25px;

  font-size: 0.765em; /* 13px bei Elterngroesse 17px */

  line-height: 100%;
  text-align: center;
}

.page-header .booking {
  float: right;

  background-color: #ffcd00;
}

.page-header.small-header ,
.page-header.small-header .booking {
  height: 70px;

  padding-top: 0;
  padding-bottom: 0;
}

.page-header .summer:before,
.page-header .booking:before,
.page-header .panorama:before {
  position: absolute;
  display: block;

  top: 30px;
  left: 50%;

  width: 32px;
  height: 30px;

  margin: 0 0 0 -16px;

  background: url("../images/icons.png?v=1") no-repeat 0 0;
  background-image: url("../images/icons.svg?v=1"), none;

  content: "";
}

.page-header .winter:before {
  position: absolute;
  display: block;

  top: 30px;
  left: 52%;

  width: 32px;
  height: 30px;

  margin: 0 0 0 -16px;

  background: url("../images/snowflake-regular.jpg?v=1") no-repeat 0 0;
  background-image: url("../images/snowflake-regular.svg?v=1"), none;

  content: "";
}

.page-header .booking:before {
  top: 33px;

  width: 24px;
  height: 24px;

  margin: 0 0 0 -12px;

  background-position: -52px -32px;
}

.page-header .panorama:before {
  top: 28px;

  width: 46px;
  height: 34px;

  margin: 0 0 0 -23px;

  background-position: 0 -356px;
}

.page-header.small-header .summer:before {
  top: 22px;
}

.page-header.small-header .winter:before {
  top: 22px;
}

.page-header.small-header .booking:before {
  top: 25px;
}

.page-header.small-header .panorama {
  padding: 0;
  height: 34px;
  width: 46px;
  margin: 20px 25px 16px 25px;
}

.page-header.small-header .panorama:before {
  top: 0;
}

.page-header.small-header .panorama span {
  display: none;
}

.page-header a.summer,
.page-header a.summer:link,
.page-header a.summer:visited,
.page-header a.summer:focus,
.page-header a.summer:active,
.page-header a.winter,
.page-header a.winter:link,
.page-header a.winter:visited,
.page-header a.winter:focus,
.page-header a.winter:active,
.page-header a.panorama,
.page-header a.panorama:link,
.page-header a.panorama:visited,
.page-header a.panorama:focus,
.page-header a.panorama:active {
  color: #aaacb0;
}

.page-header a.summer:hover,
.page-header a.winter:hover,
.page-header a.panorama:hover {
  color: #ffcd00;
}

.page-header a.summer:hover:before {
  background-position: -34px 0;
}

.page-header a.winter:hover:before {
  background: url('../../../Resources/Public/images/snowflake-regular2.jpg?v=1') no-repeat 0 0;
  background-image: url('../../../Resources/Public/images/snowflake-regular2.svg?v=1'),none; 
}

.page-header a.panorama:hover:before {
  background-position: -47px -356px;
}

.page-header a.booking,
.page-header a.booking:link,
.page-header a.booking:visited,
.page-header a.booking:focus,
.page-header a.booking:active {
  color: #ffffff;
}

.page-header a.booking:hover {
  color: #505256;
}

.page-header a.booking:hover:before {
  background-position: -78px -32px;
}

.page-header.small-header .summer span,
.page-header.small-header .winter span,
.page-header.small-header .booking span {
  visibility: hidden;
}

.page-header .call,
.page-header .open-close {
  display: none;
  position: relative;
  float: left;

  width: 24px;
  height: 23px;

  margin: 40px 25px 47px 25px;

  background: url("../images/icons.png") no-repeat 0 -201px;
  background-image: url("../images/icons.svg"), none;
}

.page-header .call span {
  display: none;
}

.page-header .open-close {
  float: right;

  width: 22px;
  height: 16px;

  margin-bottom: 53px;

  background-position: -44px -226px;

  cursor: pointer;
}

.page-header.small-header .call,
.page-header.small-header .open-close {
  margin-top: 25px;
  margin-bottom: 22px;
}

.page-header.small-header .open-close {
  margin-bottom: 29px;
}

.page-header .open-close.open {
  width: 16px;

  background-position: -36px -244px;
}

.page-header .call:hover {
  background-position: -26px -201px;
}

.page-header .open-close:hover {
  background-position: -22px -226px;
}

.page-header .open-close.open:hover {
  background-position: -18px -244px;
}

/****************************************/
/* Logo
/****************************************/
.page-header .logo {
  display: block;
  position: absolute;

  top: 15px;
  left: 50%;

  width: 150px;

  margin: 0 0 0 -75px;
  padding: 0;

  font-size: 0.882em; /* 15px bei Elterngroesse 17px */

  line-height: 135%;
}

.page-header.small-header .logo {
  top: 25px;

  width: 29px;

  margin: 0 0 0 -15px;

  font-size: 0.471em; /* 8px bei Elterngroesse 17px */

  line-height: 100%;
}

.page-header .logo .logo-alt {
  display: block;
  position: absolute;
  z-index: -1;

  top: 27px;
  right: 0;
  left: 0;

  color: #ffffff;
  text-align: center;
}

.page-header.small-header .logo .logo-alt {
  top: 1px;

  font-family: Arial, Helvetica, sans-serif;

  letter-spacing: normal;
}

.page-header .logo a {
  position: relative;
  z-index: 1;
}

.page-header .logo img {
  display: block;

  width: 100%;
}

/****************************************/
/* Navigation 1. Ebene
/****************************************/
.page-header .nav {
  display: block;

  font-size: 0.882em; /* 15px bei Elterngroesse 17px */

  line-height: 135%;
}

.page-header .nav > ul {
  display: block;
  position: absolute;

  top: 42px;

  padding: 0;
}

.page-header.small-header .nav > ul {
  top: 27px;
}

.page-header .nav > ul.left {
  right: 50%;

  margin: 0 135px 0 0;
}

.page-header .nav > ul.right {
  left: 50%;

  margin: 0 0 0 135px;
}

.page-header .nav > ul > li {
  display: block;
  float: left;

  margin: 0;
  padding: 0 20px 0 20px;

  list-style-type: none;
}

.page-header .nav > ul > li:first-child {
  padding-left: 0;
}

.page-header .nav > ul > li:last-child {
  padding-right: 0;
}

.page-header .nav > ul > li.active a {
  border-bottom: 2px solid #ffcd00;
}

.page-header .nav > ul > li a,
.page-header .nav > ul > li a:link,
.page-header .nav > ul > li a:visited,
.page-header .nav > ul > li a:active,
.page-header .nav > ul > li.active a,
.page-header .nav > ul > li.active a:link,
.page-header .nav > ul > li.active a:visited,
.page-header .nav > ul > li.active a:focus,
.page-header .nav > ul > li.active a:hover,
.page-header .nav > ul > li.active a:active {
  color: #ffffff;
}

.page-header .nav > ul > li a:focus,
.page-header .nav > ul > li a:hover,
.page-header .nav > ul > li.hover a,
.page-header .nav > ul > li.hover a:link,
.page-header .nav > ul > li.hover a:focus,
.page-header .nav > ul > li.hover a:hover,
.page-header .nav > ul > li.hover a:visited,
.page-header .nav > ul > li.hover a:active {
  color: #ffcd00;
}

/**********************************************************************/
/* Headerimage
/**********************************************************************/
.header-image {
  overflow: hidden;
  position: relative;

  min-height: 350px;
  height: 710px;
  max-height: 710px;

  padding: 0 0 31px 0;
}

.header-image.content-image {
  min-height: 0;
  height: auto;
  max-height: none;
}

.header-image:after {
  display: block;
  position: absolute;
  z-index: 100;

  bottom: -4px;
  left: 50%;

  width: 70px;
  height: 70px;

  margin: 0 0 0 -35px;

  background: url("../images/icons.png") no-repeat -72px -110px;
  background-image: url("../images/icons.svg"), none;

  content: "";
}

.header-image.content-image:after {
  display: none;
}

/****************************************/
/* Bild/er
/****************************************/
.header-image.content-image img {
  display: block;

  width: 100%;
}

.header-image .slick_container {
  width: 100%;
  height: 100%;

  margin: 0;
}

.header-image .slick_container .slick-list,
.header-image .slick_container .slick-track {
  height: 100%;
}

.header-image .slick_container .slick-track {
  background-color: #505256;
}

.header-image .slick_container .slick-slide {
  height: 100%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**********/
/* vor/zurueck
/**********/
.header-image .slick_container .slick-arrow {
  display: none !important;

  z-index: 100;

  width: 46px;
  height: 24px;

  margin-top: -12px;

  background: url("../images/icons.png") no-repeat;
  background-image: url("../images/icons.svg"), none;
}

.header-image .slick_container:hover .slick-arrow {
  display: inline !important;
}

.header-image .slick_container .slick-arrow:before {
  display: none;
}

.header-image .slick_container .slick-prev {
  left: 45px;

  background-position: -96px -58px;
}

.header-image .slick_container .slick-prev:hover {
  background-position: -48px -58px;
}

.header-image .slick_container .slick-next {
  right: 45px;

  background-position: -96px -84px;
}

.header-image .slick_container .slick-next:hover {
  background-position: -48px -84px;
}

/****************************************/
/* Overlay
/****************************************/
.header-image .overlay {
  display: none;
  position: absolute;
  z-index: 100;

  left: 50%;
  bottom: 31px;

  /*width: 560px;*/
  width: 660px;

  /*margin: 0 0 0 -280px;*/
  margin: 0 0 0 -330px;
  padding: 30px 0 60px 0;

  background-color: rgba(0, 0, 0, 0.6);

  font-family: Oswald, Arial, Helvetica, sans-serif;

  letter-spacing: 0.09em;
}

.header-image.content-image .overlay {
  padding-bottom: 30px;
}

.header-image .overlay * {
  padding: 0;

  font-weight: 400;

  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}

.header-image .overlay p {
  padding: 20px 0 0 0;

  text-transform: none;
}

.header-image .overlay p.like-h {
  padding-top: 0;

  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 1.765em; /* 30px bei Elterngroesse 17px */
  font-weight: 400;

  color: #ffffff;
  letter-spacing: 0.05em;
  line-height: 125%;
  text-transform: uppercase;
}

#countdown_container {
  font-size: 0.750em; /* 18px bei Elterngroesse 24px */

  line-height: 125%;
}

/****************************************/
/* Button
/****************************************/
.header-image .button {
  display: block;
  position: absolute;
  z-index: 110;

  top: 80px;
  left: 80px;

  width: 174px;

  margin: 0;
  padding: 0;

  background-color: transparent;

  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.header-image .button.right {
  top: 50px;
  right: 50px;
  left: auto;
}

.header-image .button img {
  display: block;

  width: 100%;
}

/****************************************/
/* Navigation
/****************************************/
.slick-with-nav_nav {
  margin: auto;
}

.slick-with-nav_nav .slick-with-nav_nav.slick-slide {
  width: 100%;
}

.slick-with-nav_nav .slick-list .slick-track .slick-slide {
  position: relative;

  width: 120px;
  height: 80px;

  margin: 0 10px 0 10px;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  cursor: pointer;
}

.slick-with-nav_nav .slick-slide:after {
  overflow: hidden;
  position: absolute;
  display: block;
  z-index: 1;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: rgba(255, 255, 255, 0.5);

  content: "";
}

.slick-with-nav_nav .slick-slide:hover:after {
  background-color: rgba(255, 255, 255, 0.25);
}

.slick-with-nav_nav .slick-slide.slick-current:after {
  display: none;
}

.slick-with-nav_nav .slick-arrow {
  display: none !important;
}

/**********************************************************************/
/* Inhalt
/**********************************************************************/
.content {
  overflow: hidden;

  max-width: 1160px;

  margin: auto;

  text-align: center;
}

.skd-widget ul li {
  list-style-position: inside;
}

/****************************************/
/* grauer Hintergrund
/****************************************/
.content-grey {
  background-color: #e6e8ec;

  max-width: none;

  margin-top: -31px;

  text-align: left;
}

.content-grey .partition.layout_12-12 {
  overflow: visible;

  max-width: 1160px;

  margin: auto;
  padding: 0 !important;
}

.content-grey .partition.layout_12-12 .part {
  width: 50%;
}

.content-grey .partition.layout_12-12 .col-1 {
  padding: 65px 0 65px 0;
}

.content-grey .partition.layout_12-12 .part p {
  padding: 0;
}

.content-grey .partition.layout_12-12 .part img {
  display: block;

  width: 100%;

  padding: 0;
}

/****************************************/
/* Ankernavigation
/****************************************/
.anchor-nav {
  padding-bottom: 30px;
}

.anchor-nav li {
  display: inline-block;

  margin: 0 0 10px 0;

  font-size: 0.824em; /* 14px bei Elterngroesse 17px */

  line-height: 135%;
  list-style-type: none;
  text-transform: uppercase;
}

.anchor-nav li * {
  font-family: Oswald, Arial, Helvetica, sans-serif;

  letter-spacing: 0.09em;
}

.anchor-nav li:after {
  padding: 0 5px 0 5px;

  color: #d2d4d8;
  content: "/";
}

.anchor-nav li:last-child:after {
  display: none;
}

.anchor-nav li.active a {
  border-bottom: 2px solid #ffcd00;
}

.anchor-nav li a,
.anchor-nav li a:link,
.anchor-nav li a:visited,
.anchor-nav li a:focus,
.anchor-nav li a:hover,
.anchor-nav li a:active,
.anchor-nav li.active a,
.anchor-nav li.active a:link,
.anchor-nav li.active a:visited,
.anchor-nav li.active a:focus,
.anchor-nav li.active a:hover,
.anchor-nav li.active a:active{
  color: #3c3e42;
  text-decoration: none;
}

.anchor-nav li a:focus,
.anchor-nav li a:hover {
  color: #ffcd00;
}

/****************************************/
/* Absaetze
/****************************************/
.content > p {
  max-width: 65.52%;

  margin: auto;
}

/**********************************************************************/
/* Breadcrumb
/**********************************************************************/
.breadcrumb {
  overflow: hidden;
  display: block;

  padding: 20px 0 20px 0;

  background-color: #e6e8ec;

  font-size: 0.882em; /* 15px bei Elterngroesse 17px */

  color: #d2d4d8;
  line-height: 145%;
  text-align: center;
}

.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:focus,
.breadcrumb a:hover,
.breadcrumb a:active {
  color: #6e7074;
  text-decoration: none;
}

.breadcrumb a:focus,
.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb span {
  color: #3c3e42;
}

/**********************************************************************/
/* Footer
/**********************************************************************/
.page-footer {
  overflow: hidden;
  display: block;

  padding: 60px 0 60px 0;

  background-color: #505256;

  font-size: 0.882em; /* 15px bei Elterngroesse 17px */

  color: #aaacb0;
  line-height: 145%;
}

.page-footer .inner {
  overflow: hidden;

  max-width: 1160px;

  margin: auto;
}

.page-footer .inner > div {
  overflow: hidden;
  float: left;

  width: 25%;
}

.page-footer p {
  padding: 0;
}

.page-footer strong {
  display: block;

  padding: 0 0 25px 0;

  font-family: Oswald, Arial, Helvetica, sans-serif;

  font-weight: 400;

  color: #ffffff;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.page-footer a,
.page-footer a:link,
.page-footer a:visited,
.page-footer a:focus,
.page-footer a:hover,
.page-footer a:active {
  color: #ffffff;
  text-decoration: none;
}

.page-footer a:focus,
.page-footer a:hover {
  text-decoration: underline;
}

/****************************************/
/* Social Media
/****************************************/
.page-footer .inner > div:nth-child(2) a {
  display: block;
  clear: both;
}

.page-footer .inner > div:nth-child(2) a.social-media {
  clear: none;
  float: left;

  width: 50px;

  margin: 0 10px 30px 0;
}

.page-footer .social-media img {
  display: block;

  width: 100%;
}

/****************************************/
/* Linkliste
/****************************************/
.page-footer ul li {
  margin: 0;

  list-style-type: none;
}

/****************************************/
/* Suche
/****************************************/
.page-footer .inner .search-language form {
  position: relative;

  margin: 0 0 40px 0;
}

.page-footer .inner .search-language form input[type="text"] {
  width: 100%;

  border-color: #ffffff;
}

.page-footer .inner .search-language form input[type="submit"] {
  display: block;
  position: absolute;

  top: 17px;
  right: 17px;

  width: 17px;
  height: 17px;

  padding: 0;

  background: url("../images/icons.png") no-repeat -57px -182px;
  background-image: url("../images/icons.svg"), none;
}

.page-footer .inner .search-language form input[type="submit"]:hover {
  background-position: -19px -182px;
}

/****************************************/
/* Sprachschalter
/****************************************/
.page-footer .inner .search-language .active {
  color: #d2d4d8;
}

/****************************************/
/* Copyright und Logo
/****************************************/
.page-footer .inner .copyright-logo {
  clear: both;
  float: none;

  width: auto;

  padding: 85px 0 0 0;

  font-size: 0.933em; /* 14px bei Elterngroesse 15px */

  line-height: 145%;

  display: flex;

  
}

.page-footer .inner .copyright-logo div {
  display: inline;
  width: 51%;
}

.page-footer .inner .logo {
  display: block;
  width: 13%;
  margin: -20px 20px 0 0px;
}

.page-footer .inner .logo img {
  width: 187px;
}

/**********************************************************************/
/* Cookie Cutter
/**********************************************************************/
.cc-cookies {
  font-size: 0.882em; /* 15px bei Elterngroesse 17px */
}

/**********************************************************************/
/* Subnavigation
/**********************************************************************/
.sub-nav {
  display: none;

  font-size: 0.933em; /* 14px bei Elterngroesse 15px */

  line-height: 135%;
  text-align: center;
  text-transform: uppercase;
}

.sub-nav.hidden {
  display: block;
  visibility: hidden;
}

.sub-nav.open {
  display: block;
}

.sub-nav > span {
  display: none;
}

.sub-nav a,
.sub-nav a:link,
.sub-nav a:visited,
.sub-nav a:focus,
.sub-nav a:hover,
.sub-nav a:active {
  text-decoration: none;
}

/****************************************/
/* Navigation
/****************************************/
.sub-nav ul {
  position: absolute;
  display: none;
  z-index: 200;

  top: 110px;

  padding: 45px 55px 40px 55px;

  background-color: #6e7074;

  font-size: 0.882em; /* 15px bei Elterngroesse 17px */

  line-height: 135%;
}

.sub-nav.sticky ul {
  position: fixed;

  top: 70px;
}

.sub-nav ul.hidden {
  display: block;
  visibility: hidden;
}

.sub-nav ul.open {
  display: block;
}

.sub-nav ul:before {
  display: block;
  position: absolute;

  top: 0;
  left: 50%;

  width: 70px;
  height: 20px;

  margin: 0 0 0 -35px;

  background: url("../images/icons.png") no-repeat -216px -262px;
  background-image: url("../images/icons.svg"), none;

  content: "";
}

.sub-nav ul li {
  margin: 0;

  list-style-type: none;
}

.sub-nav > ul > li {
  padding: 6px 0 6px 0;
}

.sub-nav > ul > li > *  {
  font-family: Oswald, Arial, Helvetica, sans-serif;

  letter-spacing: 0.09em;
}

.sub-nav ul li a,
.sub-nav ul li a:link,
.sub-nav ul li a:visited,
.sub-nav ul li a:active {
  color: #ffffff;
}

.sub-nav ul li a:focus,
.sub-nav ul li a:hover,
.sub-nav ul li.active a,
.sub-nav ul li.active a:link,
.sub-nav ul li.active a:visited,
.sub-nav ul li.active a:focus,
.sub-nav ul li.active a:hover,
.sub-nav ul li.active a:active {
  color: #ffcd00;
}

/**********************************************************************/
/* mobile Navigation
/**********************************************************************/
.mobile-nav {
  display: none;
  position: absolute;
  z-index: 200;

  top: 110px;
  right: 0;
  left: 0;

  padding: 45px 0 0 0;

  background-color: #6e7074;

  border-bottom: 2px solid #505256;

  font-size: 0.933em; /* 14px bei Elterngroesse 15px */

  line-height: 135%;
  text-align: center;
  text-transform: uppercase;
}

.mobile-nav.sticky {
  top: 70px;
}

.mobile-nav:before {
  display: block;
  position: absolute;

  top: 0;
  left: 50%;

  width: 70px;
  height: 20px;

  margin: 0 0 0 -35px;

  background: url("../images/icons.png") no-repeat -216px -262px;
  background-image: url("../images/icons.svg"), none;

  content: "";
}

.mobile-nav a,
.mobile-nav a:link,
.mobile-nav a:visited,
.mobile-nav a:focus,
.mobile-nav a:hover,
.mobile-nav a:active {
  text-decoration: none;
}

/****************************************/
/* Navigation
/****************************************/
.mobile-nav ul {
  padding: 0;
}

.mobile-nav ul li {
  margin: 0;

  list-style-type: none;
}

.mobile-nav > ul {
  padding: 0 0 20px 0;
}

.mobile-nav > ul > li {
  padding: 6px 0 6px 0;
}

.mobile-nav > ul > li > *  {
  font-family: Oswald, Arial, Helvetica, sans-serif;

  letter-spacing: 0.09em;
}

.mobile-nav > ul > li > ul {
  display: none;

  padding: 15px 0 15px 0;

  font-size: 0.929em; /* 13px bei Elterngroesse 14px */

  line-height: 135%;
}

.mobile-nav > ul > li > ul > li {
  padding: 2px 0 2px 0;
}

.mobile-nav > ul > li.active > a {
  border-bottom: 2px solid #ffcd00;
}

.mobile-nav ul li a,
.mobile-nav ul li a:link,
.mobile-nav ul li a:visited,
.mobile-nav ul li a:active,
.mobile-nav > ul > li.active > a,
.mobile-nav > ul > li.active > a:link,
.mobile-nav > ul > li.active > a:visited,
.mobile-nav > ul > li.active > a:focus,
.mobile-nav > ul > li.active > a:hover,
.mobile-nav > ul > li.active > a:active {
  color: #ffffff;
}

.mobile-nav ul li a:focus,
.mobile-nav ul li a:hover,
.mobile-nav > ul > li > ul > li.active > a,
.mobile-nav > ul > li > ul > li.active > a:link,
.mobile-nav > ul > li > ul > li.active > a:visited,
.mobile-nav > ul > li > ul > li.active > a:focus,
.mobile-nav > ul > li > ul > li.active > a:hover,
.mobile-nav > ul > li > ul > li.active > a:active {
  color: #ffcd00;
}

/****************************************/
/* Icons
/****************************************/
.mobile-nav .summer,
.mobile-nav .winter,
.mobile-nav .booking {
  display: block;
  position: relative;
  float: left;

  width: 50%;
  height: 15px;

  padding: 65px 0 30px 0;

  background-color: #505256;

  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 0.929em; /* 13px bei Elterngroesse 14px */

  letter-spacing: 0.09em;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}

.mobile-nav .booking {
  float: right;

  background-color: #ffcd00;
}

.mobile-nav .summer:before,
.mobile-nav .winter:before,
.mobile-nav .booking:before {
  display: block;
  position: absolute;

  top: 30px;
  left: 50%;

  width: 32px;
  height: 30px;

  margin: 0 0 0 -16px;

  background: url("../images/icons.png") no-repeat 0 0;
  background-image: url("../images/icons.svg"), none;

  content: "";
}

.mobile-nav .winter:before {
  display: block;
  position: absolute;

  top: 30px;
  left: 52%;

  width: 32px;
  height: 30px;

  margin: 0 0 0 -16px;

  background: url("../images/snowflake-regular.jpg") no-repeat 0 0;
  background-image: url("../images/snowflake-regular.svg"), none;

  content: "";
}

.mobile-nav .booking:before {
  top: 33px;

  width: 24px;
  height: 24px;

  margin: 0 0 0 -12px;

  background-position: -52px -32px;
}

.mobile-nav a.summer,
.mobile-nav a.summer:link,
.mobile-nav a.summer:visited,
.mobile-nav a.summer:focus,
.mobile-nav a.summer:active,
.mobile-nav a.winter,
.mobile-nav a.winter:link,
.mobile-nav a.winter:visited,
.mobile-nav a.winter:focus,
.mobile-nav a.winter:active {
  color: #aaacb0;
}

.mobile-nav a.summer:hover {
  color: #ffcd00;
}

.mobile-nav a.winter:hover {
  color: #ffcd00;
}

.mobile-nav a.summer:hover:before {
  background-position: -34px 0;
}

.mobile-nav a.winter:hover:before {
  background-position: -34px 0;
}

.mobile-nav a.booking,
.mobile-nav a.booking:link,
.mobile-nav a.booking:visited,
.mobile-nav a.booking:focus,
.mobile-nav a.booking:active {
  color: #ffffff;
}

.mobile-nav a.booking:hover {
  color: #505256;
}

.mobile-nav a.booking:hover:before {
  background-position: -78px -32px;
}

/****************************************/
/* Buchung - Alert 
/****************************************/

.skd-dsr-room-rates-container .skd-dsr-room-alerts .skd-room-alert-item {
opacity: 0;
display: none;
white-space: nowrap;
}

.skd-themeable-offerlist .skd-btn-checkout {
border-color: #ffcd00 !important;
}

/****************************************/
/* Buchung - Zusatzleistungen 
/****************************************/

.skd-widget-row.skd-room-details .skd-slidesjs-navigation {
  -webkit-backdrop-filter: blur(1em);
  backdrop-filter: blur(1em);
}

.skd-widget-row.skd-room-details .skd-slidesjs-navigation i.fa {
  left: 0;
  right: 0;
}

.skd-dsr-services-container .skd-dsr-service-quantity .skd-dsr-service-quantity-label {
font-size: 14px !important;
}

.skd-dsr-services-container .skd-dsr-service-quantity {
margin-top: 27px!important;
}

.skd-dsr-service-unit-price .skd-service-selection-description {
font-size: 14px!important;
}

.skd-widget p {
font-size: 14px!important;
}

.skd-widget .skd-widget-label-default {
font-size: 14px!important;
}

.skd-dsr-services-container .skd-dsr-service-on-request {
margin-top: 10px;
margin-bottom: 5px;
}

.hapi-w-embedded .hapi-w-package-detail-description, .hapi-w-embedded .hapi-w-package-detail-description-title, .hapi-w-embedded .hapi-w-package-detail-image, .hapi-w-embedded .hapi-w-package-detail-liveprice-title, .hapi-w-embedded .hapi-w-package-detail-title, .hapi-w-embedded .hapi-w-package-detail .hapi-w-package-duration-box { 
  max-width: none !important;
}

.hapi-w-liveprice-package-calendar, .hapi-w-liveprice-package-occupancy {
  max-width: none !important;
}

/****************************************/
/* News
/****************************************/
.f3-widget-paginator {
  display: flex;
}
.f3-widget-paginator li {
  display: block;
  padding: 5px 10px;
  list-style: none;
  margin: 0;
  margin-right: 1px;
  background-color: #ffcd00;
  font-size: 20px;
}
.f3-widget-paginator li a {
  text-decoration: none;
  color: #fff;
}
.f3-widget-paginator li a i {
  font-size: .7em;
}

.news-list-view .news {
  text-align: left;
}
.news-list-view .news h3 {
  text-align: left;
  padding: 10px 0 20px;
}
.news-list-view .news h3 a {
  text-decoration: none;
}
.news-list-view .news .teaser-text {
  margin-bottom: 30px;
}
.news-list-view .news .teaser-text p {
  padding-bottom: 30px;
}

.news-single {
  text-align: left;
}
.news-single .teaser-text {
  text-align: center;
}
.to-overview {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.to-overview a {
  text-decoration: none;
}