#theme-logo {
 display: none;
}


.schatten {
 text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

#slider-wrapper {
 position: relative;
 z-index: -1;
}

.shiftnav-submenu-activation {
 display: none !important;
}

/*#slider-wrapper:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 30px;
    background: url(/wp-content/themes/visual-composer-starter-theme-child/img/wellenlinie.svg) repeat-x bottom;
    z-index: 1;
    background-size: 1200px 30px;
    position: absolute;
    bottom: -5px;
}*/

/*----------------- NAV ICON -------------*/
.shiftnav-toggle.shiftnav-toggle-button {
 position: fixed;
 top: var(--nav-icon-padding-Y);
 left: 5vw;
 height: calc(var(--nav-icon-width) * 2);
 padding: 0;
 width: calc(var(--nav-icon-width) * 2);
 border-radius: 50%;
 background-color: var(--color-2);
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 999999;
}

#nav-icon3 {
 width: var(--nav-icon-width);
 height: var(--nav-icon-height);
 position: relative;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: 0.5s ease-in-out;
 -moz-transition: 0.5s ease-in-out;
 -o-transition: 0.5s ease-in-out;
 transition: 0.5s ease-in-out;
 cursor: pointer;
}

#nav-icon3 span {
 display: block;
 position: absolute;
 height: var(--burger-line-height);
 width: 100%;
 background: var(--color-1);
 border-radius: 13em;
 opacity: 1;
 left: 0;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: 0.25s ease-in-out;
 -moz-transition: 0.25s ease-in-out;
 -o-transition: 0.25s ease-in-out;
 transition: 0.25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
 top: 0;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
 top: calc(50% - (var(--burger-line-height) / 2));
 right: 0;
 left: unset;
}

#nav-icon3 span:nth-child(4) {
 bottom: 0;
}

/**animation*/
.shiftnav-open #nav-icon3 span:nth-child(1) {
 top: 50%;
 width: 0%;
 left: 50%;
 transform: translateY(50%);
}

.shiftnav-open #nav-icon3 span:nth-child(2) {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
}

.shiftnav-open #nav-icon3 span:nth-child(3) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

.shiftnav-open #nav-icon3 span:nth-child(4) {
 bottom: 50%;
 transform: translateY(-50%);
 width: 0%;
 left: 50%;
}

/*----------------- SHIFTNAV -------------*/

.shiftnav.shiftnav-shiftnav-main {
 background: var(--color-1) !important;
}

.shiftnav .shiftnav-panel-close {
 display: none;
}

.shiftnav:after {
 -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
 -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
 -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.shiftnav-menu-image {
 background: #fff !important;
 text-align: center;
}

div#shiftnav-menu-image-shiftnav-main {
 background-color: #fff !important;
}

.shiftnav-menu-image img {
 padding: 3vh 35px;
 height: auto !important;
 width: auto;
 width: 100%;
}

.shiftnav-menu-image::after {
 content: " ";
 width: 100%;
 height: 46px;
 background-image: url("../img/navigation-after.svg");
 background-repeat: no-repeat;
 background-position: bottom;
 background-size: contain;
 display: block;
}

a.shiftnav-target {
 text-align: center;
 margin: 0;
}

.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target,
.shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
 padding: 1vh 25px;
 text-align: center;
 letter-spacing: 0.02em;
 font-family: var(--headlinefont);
}

#menu-hauptmenue>.menu-item {
 margin: 2px 0;
}

.shiftnav {
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.shiftnav:after {
 content: none;
}

#menu-hauptmenue>ul.shiftnav-menu li.menu-item.current_page_item>.shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item.current-menu-item>.shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item>.shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu>li.shiftnav-sub-accordion.current-menu-ancestor>.shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu>li.shiftnav-sub-shift.current-menu-ancestor>.shiftnav-target {
 background: #e4e3de;
 color: #365b4c;
}

ul.shiftnav-menu .sub-menu li.menu-item.current_page_item>.shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item>.shiftnav-target:hover,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item.shiftnav-active:not(.current-menu-ancestor)>.shiftnav-target {
 color: #fff;
 background: rgba(255, 255, 255, 0.1);
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item.current-menu-parent>.shiftnav-submenu-activation {
 color: var(--color-1) !important;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item.current-menu-parent:hover>.shiftnav-submenu-activation {
 color: #fff !important;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu ul.sub-menu li.menu-item>.shiftnav-target {
 font-size: 18px !important;
 font-weight: normal;
 padding: 7px !important;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu ul.sub-menu li.menu-item:first-child>.shiftnav-target {
 margin-top: 1vh !important;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu ul.sub-menu li.menu-item:last-child>.shiftnav-target {
 margin-bottom: 1vh !important;
}

/*--------------- ANFRAGENLEISTE ---------------*/
body div#anfragen-leiste {
 position: fixed;
 bottom: 0;
 transform: unset;
 width: 100%;
 right: 0;
}

div#anfragen-leiste {
 display: flex;
 justify-content: space-between;
 width: 70%;
 margin: 0 auto;
 box-shadow: 0px 5px 16px 0px rgba(0 0 0 / 8%);
 transform: translateY(-50%);
 z-index: 99;
}

div#anfragen-leiste h4 {
 margin-bottom: 0;
 text-transform: uppercase;
 color: var(--color-1);
 font-size: 1.1rem;
 font-weight: bold;
 letter-spacing: 0.05em;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 50%;
 background: var(--color-2);
}

div#anfragen-leiste .textwidget {
 width: 50%;
}

div#anfragen-leiste .textwidget p {
 display: flex;
 align-items: center;
}

div#anfragen-leiste .textwidget p a {
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
 padding: 20px 25px;
 width: 50%;
 text-align: center;
 background-color: var(--color-1);
 font-weight: bold;
 letter-spacing: 0.05em;
 transition: all 0.5s ease 0s;
}

div#anfragen-leiste .textwidget p a:nth-of-type(2) {
 background-color: var(--color-3);
 color: #fff;
}

div#anfragen-leiste .textwidget p a:hover {
 background-color: var(--color-2);
 color: var(--color-1);
}

div#anfragen-leiste .textwidget p a:nth-of-type(2):hover {
 color: var(--color-1);
 background-color: var(--color-2);
}

/*--------------- NAVICONS ---------------*/

.shiftnav-inner div#header-icons {
 display: grid;
 position: unset;
 justify-content: center;
 grid-template-columns: auto auto;
 grid-template-rows: 1fr;
 gap: 12px;
 background: transparent;
 margin-top: 7vw;
 margin-bottom: 30px;
}

div#header-icons .icon {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 48px;
 height: 48px;
 background-color: rgba(255, 255, 255, 0.1);
 transition: all 0.5s ease 0s;
 border-radius: 50%;
}

/* a.glink {
  color: #fff;
  border-radius: 50%;
} */

/* a.glink:nth-child(1) {
  margin-right: 5px;
} */

div#header-icons .icon:hover {
 transform: translateY(-10px);
}

.shiftnav nav.shiftnav-nav {
 margin-top: 5vw;
}

.shiftnav-inner div#header-icons a {
 /*height: 100%;*/
 width: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 0;
}

div#header-icons .icon img {
 height: var(--icon-height);
 width: var(--icon-height);
}

#navicons {
 vertical-align: top;
 position: relative;
 margin: 8vh auto 2vh auto;
 width: 176px;
}

a.navicon {
 color: rgba(255, 255, 255, 0.1);
 bottom: 0;
 display: inline-block;
 width: 84px;
 height: 84px;
 background-color: #fff;
 margin-right: 4px;
 position: relative;
}

a.navicon:hover {
 background-color: #e2e3e4;
 transition: all 0.5s ease 0s;
}

a.navicon img {
 width: 30px;
 height: 30px;
 vertical-align: middle;
 display: inline-block;
 position: absolute;
 left: calc(50% - 15px);
 top: calc(50% - 15px);
}

/*----------------- END SHIFTNAV -------------*/

/*---------------- WPML SPRACHENSWITCH -------------*/

.wpml-ls-legacy-list-horizontal {
 border: 0;
 padding: 0;
 display: inline-block;
 margin: 0 !important;
}

.wpml-ls-legacy-list-horizontal a {
 line-height: 84px;
 color: #fff;
 font-family: "Noto Serif";
 font-weight: normal;
 font-size: 20px;
 width: 84px;
 height: 84px;
 text-align: center;
 padding: 0;
 background-color: #d67438;
 /*overflow: hidden;*/
 margin-right: 4px;
}

.wpml-ls-legacy-list-horizontal a:hover {
 background-color: #58595b;
 transition: all 0.5s ease 0s;
}

/*----------------- HEADERBILD -------------*/

#slider-wrapper.postthumb.desktop {
 max-height: 780px;
 overflow: hidden;
}

#slider-wrapper.postthumb.mobile {
 max-height: 580px;
 overflow: hidden;
 line-height: 0;
}

#slider-wrapper.postthumb.desktop img {
 width: 100%;
 height: auto;
}

#slider-wrapper.postthumb.mobile img {
 width: 100%;
 height: auto;
}

#slider-wrapper.postthumb::before {
 display: block;
 position: absolute;
 background: -moz-linear-gradient(top,
   rgba(7, 1, 1, 0.3) 0%,
   rgba(7, 1, 1, 0.3) 1%,
   rgba(0, 0, 0, 0) 100%);
 background: -webkit-linear-gradient(top,
   rgba(7, 1, 1, 0.3) 0%,
   rgba(7, 1, 1, 0.3) 1%,
   rgba(0, 0, 0, 0) 100%);
 background: linear-gradient(to bottom,
   rgba(7, 1, 1, 0.3) 0%,
   rgba(7, 1, 1, 0.3) 1%,
   rgba(0, 0, 0, 0) 100%);
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4d070101', endColorstr='#00000000', GradientType=0);
 height: 100%;
 width: 100%;
 content: "";
}

#slider-wrapper.postthumb.desktop img.fallback {
 margin-top: -10vw;
}

/*------------------GTranslate------------------*/

html:lang(auto) .icon a[title="German"],
html:lang(en) .icon a[title="English"],
html:lang(de-DE) .icon a[title="German"],
html:lang(de) .icon a[title="German"] {
 display: none !important;
 opacity: 1 !important;
}

span.glink-dsgvo-wrapper:hover {
 cursor: pointer !important;
}

.gtranslate_wrapper {
 display: flex;
 gap: 0;
}

/* a.glink {
  height: 65px;
  width: 65px;
  padding: 20px;
} */

a.glink:after {
 height: var(--icon-height);
 width: var(--icon-height);
 background-image: url("../img/icon-lang.svg");
 content: "";
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 transition: all 0.5s ease 0s;
}

/* a.glink:nth-child(1) {
  margin-right: 0 !important;
} */

@media (min-width: 1920px) {
 /*----------------- ELEMENT -------------*/
 /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1170px) {

 /*----------------- ELEMENT -------------*/
 div#anfragen-leiste {
  width: 90%;
 }

 /*----------------- END ELEMENT ---------*/
}

@media screen and (min-width: 1170px) {
 div#anfragen-leiste {
  display: none;
 }

 #shiftnav-main {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
  width: 360px;
 }

 .shiftnav-toggle.shiftnav-toggle-button {
  display: none;
 }

 /*---------------- GOOGLE TRANSLATOR -------------*/
 div#googletranslate {
  display: block;
  height: 172px;
  position: relative;
 }

 /* a.glink {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 4px;
    line-height: 84px;
    font-size: 1.3em;
  } */

 /* a.glink:hover {
    background: #e2e3e4;
    color: var(--color-1);
    transition: all 0.5s ease 0s;
  } */

 a.navicon {
  bottom: 0;
  right: 0;
  position: absolute;
 }

 body:not(.home) div#anfragen-leiste {
  width: calc(100% - 360px);
 }
}

@media (max-width: 1169px) {
 #shiftnav-main {
  width: 100vw;
  top: 0;
  max-width: 100vw;
  transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
  transform: translateX(-100%);
 }

 .shiftnav-open #shiftnav-main {
  max-width: 100vw;
  transform: translateX(0);

 }

 #shiftnav-main .shiftnav-nav {
  display: flex !important;
  width: auto;
  justify-content: center;
 }

 .shiftnav nav.shiftnav-nav {
  margin-top: calc(var(--nav-icon-padding-Y) + (var(--nav-icon-width) * 2) + 26px);
 }

 #shiftnav-toggle-main {
  box-shadow: none !important;
 }

 .shiftnav .shiftnav-panel-close {
  display: block;
 }

 div#shiftnav-menu-image-shiftnav-main img {
  display: none;
 }

 .shiftnav-menu-image {
  display: none;
 }

 .shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item>.shiftnav-target {
  font-size: 26px;
 }

 .shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target,
 .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
  padding: 0.7em 3.7em;
 }

 a.shiftnav-target {
  text-align: center;
  margin: 0;
 }

 #theme-logo {
  display: block;
  width: clamp(180px, 40vw, 340px);
  height: auto;
  position: absolute;
  top: calc(var(--nav-icon-padding-Y) - 16px);
  right: 0;
  z-index: 200;
  background: #fff;
  padding: 16px 30px;
  border-radius: 0 0 0 17px;
  top: 0;
 }

 /* a.glink.nturl.notranslate {
    color: #fff;
    font-size: 1.1em;
  } */

 div#navicons {
  display: none;
 }

 .shiftnav-inner div#header-icons {
  margin-top: unset;
  display: flex;
  position: absolute;
  bottom: var(--nav-icon-padding-Y);
 }
}

@media (max-width: 1200px) {
 /*----------------- ELEMENT -------------*/
 /*----------------- END ELEMENT ---------*/
}

/* @media (min-height: 1000px) {
  .shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target,
  .shiftnav ul.shiftnav-menu li.shiftnav-retract > .shiftnav-target {
    padding: 8px 25px;
  }
} */

@media (max-width: 990px) {
 div#anfragen-leiste h4 {
  font-size: 16px;
 }

 .shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item>.shiftnav-target {
  font-size: 19px;
 }

 .shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu ul.sub-menu li.menu-item>.shiftnav-target {
  font-size: 17px !important;
 }
}

@media (max-width: 767px) {
 div#anfragen-leiste {
  width: 95%;
 }
}

@media (max-width: 576px) {
 div#anfragen-leiste {
  position: fixed;
  bottom: 0;
  transform: unset;
  width: 100%;
 }

 div#anfragen-leiste .textwidget {
  width: 100%;
 }

 div#anfragen-leiste h4 {
  display: none;
 }

 div#anfragen-leiste .textwidget p a:nth-of-type(2) {
  color: #ffffff;
 }

 div#anfragen-leiste .textwidget p a {
  padding: 10px 25px;
  font-size: 12px;
 }

 .shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target,
 .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
  padding: 0.6em 3.7em;
  font-size: 18px !important;
 }

 iframe[src*="https://badge.hotelstatic.com/"] {
  bottom: 90px !important;
  /* width: 80px !important; */
  /* height: 80px !important; */
 }
}

@media (max-width: 420px) {
 #theme-logo {
  width: 58vw;
  padding: 22px 18px;
  max-width: 200px;
  border-radius: 0 0 0 10px;
 }
}

@media (max-width: 320px) {

 .shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target,
 .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
  padding: 0.8vh 0;
 }
}

@media (max-width: 375px) and (max-height: 896px) {
 .shiftnav-inner #header-icons {
  top: var(--nav-icon-padding-Y, 1rem);
  right: 5vw;
  left: auto !important;
  justify-content: flex-end !important;
  bottom: unset !important;
  margin: 0 !important;
 }
}