.content-wrapper {
  width: 100vw;
  max-width: 100vw;
  margin: 0 auto;
  padding: 0 0 0 0;
  overflow-x: clip;
}

#noheader .content-wrapper {
  padding-top: calc(var(--header-height) + 5vw);
}

#primary {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.home #primary {
  padding-top: calc(var(--cont-gap) * 0.81) !important;
}

body:not(.home) #primary {
  padding-top: var(--cont-gap) !important;
}

.entry-content {
  position: relative;
}

.entry-content::before,
.grid-container-reverse::after {
  content: "";
  display: block;
  --my-size: clamp(65px, 8vw, 133px);
  width: var(--my-size);
  height: calc(var(--my-size) * 0.72);
  z-index: 9;
  pointer-events: none;
  top: 0;
  /* transform: translateY(-25%); */
  left: 0;
  background-image: var(--wpr-bg-6cd9c664-f58b-497e-8613-13b57a07fee3);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}

.entry-content::before {
  transform: translateY(-100%);
}

.grid-container-reverse::after {
  transform: translateY(-25%);
}

@media (max-width: 766px) {
  .grid-container-reverse::after {
    display: none;
  }

  .grid-container-reverse .grid-container-text-btn::after {
    content: "";
    display: block;
    --my-size: clamp(65px, 8vw, 133px);
    width: var(--my-size);
    height: calc(var(--my-size) * 0.72);
    z-index: 9;
    pointer-events: none;
    top: 0;
    transform: translateY(-25%);
    background-image: var(--wpr-bg-b5a4a312-cdaf-4497-aec5-f438e50d0248);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    transform: translate(8vw, -100%);
  }
}

/* Remove from zimmer page */

.entry-content:has(#ebAvailability)::before {
  display: none;
}

.grid-container-reverse::after {
  right: 0;
  left: unset;
  transform: translateY(0);
}

.entry-content:has(.grid-container:first-of-type)::before {
  transform: translateY(0);
}

.wp-block-uagb-container.webcams > .uagb-container-inner-blocks-wrap {
  width: 90% !important;
}

@media (max-width: 766px) {
  .wp-block-uagb-container.cont-einleitung
    .wp-block-uagb-advanced-heading:has(h2) {
    max-width: 75% !important;
    margin-right: auto;
  }
}

body {
  background: var(--linear-gradient-body) !important;
}

html.scroll-block body {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.wp-block-uagb-container.cont-bg-reverse {
  padding-top: var(--cont-gap) !important;
  padding-bottom: var(--cont-gap) !important;
  background: var(--linear-gradient-body-reverse) !important;
}

img:not(.ft-logo > img, .wko-logo img) {
  border-radius: var(--border-radius-m);
}

#theme-logo img {
  border-radius: 0;
}

.wp-block-uagb-image:not(.wko-logo) img {
  box-shadow: 0 0 40px 0 var(--color-shadow) !important;
}

.seiten-swiper .swiper-slide img {
  box-shadow: 0 0 15px 0 var(--color-shadow) !important;
}

/**-------------------------- MAPRESS ---------------------------*/

.mapp-layout {
  border: none !important;
}

/**------------------------------ FORMULAR --------------------------------*/

.forminator-title {
  font-size: 1.5rem !important;
  font-family: var(--headlinefont) !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
  margin-top: 2em !important;
}

#forminator-module-4024 * {
  font-family: var(--mainfont);
}

.forminator-field label {
  font-size: 0.9rem !important;
  margin-bottom: 0;
}

.forminator-ui.forminator-design--material
  .forminator-checkbox.forminator-consent
  .forminator-checkbox-box {
  border-color: var(--ast-global-color-1) !important;
  background-color: transparent !important;
}
.forminator-ui.forminator-custom-form[data-design="material"]
  .forminator-checkbox
  .forminator-checkbox-box {
  border-width: 1px !important;
}

.forminator-ui#forminator-module-5512.forminator-design--material
  .forminator-checkbox.forminator-consent
  .forminator-checkbox-box {
  color: var(--ast-global-color-1) !important;
}

.forminator-ui.forminator-custom-form[data-design="material"]
  .forminator-checkbox__wrapper {
  align-items: center !important;
}

.forminator-ui#forminator-module-5512.forminator-design--material
  .forminator-button-submit:hover {
  background-color: var(--ast-global-color-1) !important;
}
.forminator-checkbox__wrapper {
  margin-top: 5px;
}

/**------------------------------ READABLE --------------------------------*/

.mdp-readabler-statement-content p,
.mdp-readabler-statement-content li,
.mdp-readabler-statement-content h3,
.mdp-readabler-statement-content h2 {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}

/**------------------------------ READABLE --------------------------------*/

@media (max-width: 1600px) {
  /*  .entry-content:has(.grid-container:first-of-type)::before {
    transform: translateY(calc(-60% - 3.6vw));
  } */

  .entry-content:has(.grid-container:first-of-type)::before {
    transform: translateY(calc(36% - 5.6vw));
  }

  .entry-content::before,
  .grid-container-reverse::after {
    --my-size: clamp(56px, 6vw, 133px);
  }
}

@media (max-width: 1550px) {
  #ebOffer,
  #ebOfferContainer,
  #ebOffer .eb-forms,
  #ebOffer .eb-form {
    width: 100%;
    max-width: 100%;
  }

  #ebOffer {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
  }
}

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

@media (max-width: 1024px) {
}

@media (max-width: 990px) {
  img:not(.ft-logo > img, .wko-logo img) {
    border-radius: var(--border-radius-s);
  }

  .slideshow-wrapper,
  .slideshow-swiper,
  .slideshow .swiper-wrapper,
  .slideshow .swiper-slide,
  .slideshow .swiper-slide img {
    border-radius: 0 !important;
  }
}

@media (max-width: 768px) {
  body.home #primary {
    padding-top: calc(var(--cont-gap) * 1) !important;
  }

  .entry-content::before,
  .grid-container-reverse::after {
    left: unset;
    right: 0 !important;
  }

  .entry-content:has(.grid-container:first-of-type)::before,
  .entry-content::before {
    transform: translateY(-100%);
  }

  .wp-block-uagb-container.gast-page
    > .wp-block-uagb-advanced-heading
    + .wp-block-uagb-container.cont-img-txt-small {
    margin-bottom: var(--gap-xl) !important;
  }

  .forminator-title {
    margin-top: 4em !important;
  }

  #ebOffer {
    width: 83vw;
  }
}

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

@media (max-width: 460px) {
  .wp-block-uagb-container.gast-page .wp-block-uagb-image {
    justify-content: flex-start;
  }
}

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

/** Easybooking Pauschalen, Buchen und Anfragen */
#ebOffer .eb-input__wrapper,
#ebOffer .eb-textarea__inner {
  background-color: white !important;
}

#ebOffer section {
  border-radius: var(--border-radius-m);
}

#ebOffer .swiper-button-prev,
#ebOffer .swiper-button-next {
  color: var(--ast-global-color-2);
}

#ebOffer .eb-image img {
  border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
}

#ebOffer .swiper-slide {
  border-radius: var(--border-radius-m);
}

#ebOffer .carousel__item:hover,
.carousel__item.is-active {
  outline: var(--ast-global-color-2) solid 2px;
}
#ebOffer svg {
  margin-right: 10px;
}

#ebOffer .eb-button {
  border-radius: 100px;
  background: linear-gradient(
    89deg,
    var(--ast-global-color-2) var(--stop1),
    #94836f calc(var(--stop1) + 40%),
    var(--ast-global-color-1) var(--stop2)
  );
  transition:
    --stop1 0.8s ease,
    --stop2 0.8s ease;
  padding: 15px 30px !important;
  border: none !important;
}

#ebOffer .eb-button span {
  font-size: var(--btn-font-size);
  color: var(--ast-global-color-0) !important;
  font-family: var(--mainfont);
  font-weight: 600;
  line-height: 1.36;
  text-transform: none;
  text-decoration: none !important;
  display: flex;
  align-items: center;
}

#ebOffer .eb-button:hover {
  border: none !important;
}

#ebbeContainer
  #ebbeAppWrapper
  #ebbeHeader
  #ebbeUserNav
  .navbar
  #topnav
  li.active
  button {
  color: var(--ast-global-color-2);
  border-color: var(--ast-global-color-2);
}

.ebContainer .eb-button.eb-button-ci {
  --textColorHover: var(--ast-global-color-2);
  --backgroundColor: var(--ast-global-color-2);
}

#ebbeContainer
  #ebbeAppWrapper
  #ebbeHeader
  #ebbeUserNav
  .navbar
  #topnav
  li
  button:not(:disabled):hover {
  background-color: var(--ast-global-color-2);
}

/* newsletter forms */

.page-id-6083 {
  background: #f3f1ef !important;
}

.page-id-6083 #main .entry-content,
.page-id-6083 #main .entry-content .mailster-block-form-type-content {
  max-width: 80vw !important;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.page-id-6083 #main .entry-content::before {
  display: none;
}

.page-id-6083 #main .wp-block-heading,
.page-id-6083 #main .mailster-block-form-type-content {
  margin-bottom: var(--gap-xl) !important;
}

.mailster-block-form.wp-block-mailster-form-wrapper
  .mailster-block-form-inner
  .wp-block-group
  > div {
  width: 100% !important;
}

@media (min-width: 768px) {
  .mailster-block-form.wp-block-mailster-form-wrapper
    .mailster-block-form-inner
    .wp-block-group {
    gap: var(--gap-m) !important;
    justify-content: space-between;
  }

  .mailster-block-form.wp-block-mailster-form-wrapper
    .mailster-block-form-inner
    .wp-block-group
    > div {
    max-width: 48% !important;
  }
}

.page-id-6083 #main .mailster-block-form .mailster-wrapper {
  margin-bottom: var(--gap-m) !important;
}

.page-id-6083 #main .mailster-block-form .mailster-wrapper .input {
  border-radius: var(--border-radius-s);
  overflow: hidden;
}

.wp-block-uagb-advanced-heading.newsletter-heading {
  margin-bottom: var(--gap-m) !important;
}

.wp-block-button__link.submit-button {
  padding: 15px 30px !important;
  border: none !important;
  border-radius: 100px;
  font-size: var(--btn-font-size) !important;
  color: var(--ast-global-color-0) !important;
  font-family: var(--mainfont) !important;
  font-weight: 600 !important;
  line-height: 1.36 !important;

  background: linear-gradient(
    89deg,
    var(--ast-global-color-2) var(--stop1),
    #94836f calc(var(--stop1) + 40%),
    var(--ast-global-color-1) var(--stop2)
  );
  transition:
    --stop1 0.8s ease,
    --stop2 0.8s ease;
}

.wp-block-button__link.submit-button:hover {
  --stop1: 100%;
  --stop2: 100%;
  background-color: var(--ast-global-color-3);
}