/* RESET MARGIN BOTTOM */
.spectra-image-gallery.spectra-image-gallery__layout--carousel {
  margin-bottom: 0 !important;
}

.wp-block-uagb-container.cont-rooms .uagb-container-inner-blocks-wrap {
  gap: var(--gap-xl) !important;
}

.wp-block-uagb-container.cont-rooms {
  padding: var(--cont-gap) var(--gap-m) !important;
}

.wp-block-uagb-container.cont-rooms .cont-room .col-txt .wp-block-uagb-buttons {
  right: 0;
}

.wp-block-uagb-container.cont-ferienhaus .cont-txt .wp-block-uagb-buttons {
  left: calc(var(--gap-l) * 1.2);
}

.wp-block-uagb-container.cont-ferienhaus .cont-txt .wp-block-uagb-buttons {
  transform: translateY(-47%);
}

.wp-block-uagb-container.cont-rooms .cont-room .col-txt .wp-block-uagb-buttons {
  transform: translateY(-23%);
}

.wp-block-uagb-container.cont-rooms .cont-room .col-txt .wp-block-uagb-buttons,
.wp-block-uagb-container.cont-ferienhaus .cont-txt .wp-block-uagb-buttons {
  position: absolute !important;
  top: 0;
  --my-size: var(--gap-xl);
  width: var(--my-size) !important;
  z-index: 9;
}

.wp-block-uagb-container.cont-room {
  gap: 0;
}

.wp-block-uagb-container.cont-img-txt {
  gap: var(--gap-l);
  background-color: var(--ast-global-color-5);
  /*box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);*/
  align-items: stretch !important;
}

/* contact */
.wp-block-uagb-container.cont-img-txt.cont-img-txt-contact {
  gap: var(--gap-xl) !important;
  align-items: stretch !important;
}

.wp-block-uagb-container.cont-img-txt.cont-img-txt-contact .col-img {
  padding-left: var(--gap-l) !important;
  width: 58%;
}

.wp-block-uagb-container.cont-img-txt.cont-img-txt-contact .col-txt {
  padding-left: 0 !important;
  width: 34.5%;
}

.wp-block-uagb-container.cont-img-txt .col-txt {
  padding: var(--gap-l);
}

.cont-rooms .wp-block-uagb-container.col-txt {
  gap: var(--gap-m);
}

.cont-rooms .wp-block-uagb-container.cont-headings {
  gap: var(--gap-s);
}

.cont-rooms .wp-block-uagb-container.col-img {
  overflow: hidden !important;
  width: 50% !important;
}

.cont-rooms .cont-room .wp-block-uagb-container.cont-img-txt {
  gap: 0 !important;
}

/**Slider height reset */
.wp-block-uagb-container.col-img .wp-block-uagb-image-gallery,
.wp-block-uagb-container.col-img .spectra-image-gallery,
.wp-block-uagb-container.col-img .uagb-slick-carousel,
.wp-block-uagb-container.col-img .slick-list.draggable,
.wp-block-uagb-container.col-img .slick-track,
.wp-block-uagb-container.col-img .slick-slide,
.wp-block-uagb-container.col-img .slick-slide > div,
.wp-block-uagb-container.col-img .spectra-image-gallery__media-wrapper,
.wp-block-uagb-container.col-img .spectra-image-gallery__media {
  height: 100% !important;
}

/* BUCHUNG BUTTONS  */

.wp-block-uagb-container.cont-rooms-btns {
  margin-top: var(--gap-s);
  max-width: 720px !important;
}

.wp-block-uagb-container.cont-rooms-btns .uagb-buttons__wrap {
  border-radius: 100px;
  overflow: hidden;
}

.cont-rooms-btns .wp-block-uagb-buttons-child {
  flex: 1;
}

.wp-block-uagb-container.cont-rooms-btns .wp-block-button__link:hover {
  background-color: var(--ast-global-color-3);
}

.wp-block-uagb-container.cont-rooms-btns .wp-block-button__link:hover::before {
  scale: 1.1;
}

.wp-block-uagb-container.cont-rooms-btns
  .wp-block-button__link:hover
  .uagb-button__link {
  color: var(--ast-global-color-5) !important;
}

.wp-block-uagb-container.cont-rooms-btns
  .btn-buchen
  .wp-block-button__link:hover {
  background-color: var(--ast-global-color-1);
}

/* Selbstversorgerhaus */

.wp-block-uagb-container.cont-ferienhaus .cont-txt {
  background-color: var(--ast-global-color-5);
  padding: var(--gap-xl);
  gap: var(--gap-l);
}
.spectra-image-gallery__media picture {
  width: 100%;
}

@media (max-width: 1024px) {
  .wp-block-uagb-container.cont-rooms .cont-img-txt,
  .wp-block-uagb-container.cont-img-txt {
    flex-direction: column;
    gap: 0 !important;
  }

  .wp-block-uagb-container.cont-rooms .cont-img-txt > div,
  .wp-block-uagb-container.cont-img-txt > div {
    max-width: unset;
  }
  .wp-block-uagb-container.cont-ferienhaus .cont-txt,
  .wp-block-uagb-container.cont-img-txt .col-txt {
    padding: var(--gap-l);
  }
  .cont-rooms .wp-block-uagb-container.col-txt {
    max-width: unset;
    padding-left: var(--gap-l);
  }

  .wp-block-uagb-container.cont-img-txt > div {
    max-width: unset !important;
  }

  .wp-block-uagb-container.cont-rooms
    .cont-room
    .col-txt
    .wp-block-uagb-buttons {
    transform: translate(-20%, -80%);
  }

  .wp-block-uagb-container.cont-ferienhaus .btn-grundriss {
    right: 0;
    left: unset !important;
    transform: translate(-20%, -80%) !important;
  }

  .cont-rooms .wp-block-uagb-container.col-img {
    width: 100% !important;
  }

  .wp-block-uagb-container.cont-img-txt.cont-img-txt-contact
    > .wp-block-uagb-container {
    width: 100%;
    padding: var(--gap-l);
  }

  .wp-block-uagb-container.cont-img-txt.cont-img-txt-contact .col-txt {
    padding-left: var(--gap-l) !important;
  }
  .wp-block-uagb-container.cont-img-txt.cont-img-txt-contact {
    gap: 0 !important;
  }
}

@media (max-width: 768px) {
  .wp-block-uagb-container.cont-ferienhaus
    .wp-block-uagb-image-gallery
    .slick-list,
  .wp-block-uagb-container.cont-img-txt .col-img .slick-list {
    max-width: 88vw;
    margin: 0 !important;
  }

  .wp-block-uagb-container.cont-room {
    gap: 15px !important;
  }
}

@media (min-width: 1024px) {
  .wp-block-uagb-container.cont-ferienhaus
    .wp-block-uagb-image-gallery
    .slick-list,
  .wp-block-uagb-container.cont-img-txt .col-img .slick-list {
    max-width: 90vw !important;
    margin: 0 !important;
  }
}