/*!
 * Project: Project Name
 * Author: Name
 * E-mail: E-mail
 * Website:
 */
.body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",
    sans-serif;
}
.headline {
  font-size: 1.25rem;
}
.accommodation-unit {
  margin-bottom: 50px;
}
.info {
  margin-top: 10px;
  max-width: 400px;
}

.info-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0.3rem;
  flex-direction: row;
  padding-inline-start: 10px;

  .item {
    margin-left: 5px;
    margin-right: 1rem;
    font-size: 0.9rem;
  }
}
.price {
  font-size: 1.25rem;
  margin-top: 10px;
}
.headline {
  color: darkblue;
  font-size: 20px;
  font-weight: 500;
}
.subline {
  color: darkblue;
  font-size: 20px;
  font-weight: 300;
}
.info-setting {
  font-size: 1rem;
}

.box-shadow {
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.text-shadow {
  text-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.selection {
  backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0.75rem;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
  flex-direction: column;
  margin: 0 auto 1.25rem;
  max-width: 380px;
  padding: 1rem;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
@-moz-document url-prefix() {
  .selection {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 992px) {
  .selection .selection-inner .selection-object .mob-wrapper {
    display: none !important;
  }
}
.selection.selection-mieten-kontakt {
  color: #fff;
  padding: 1.5rem 1.25rem !important;
}
@media (min-width: 992px) {
  .selection.selection-mieten-kontakt {
    border: 0.0625rem solid #3699ff;
    color: #3699ff;
    max-width: 310px;
  }
}
.selection.selection-mieten-kontakt h2 {
  color: #fff;
  font-size: 1.5625rem;
}
@media (min-width: 992px) {
  .selection.selection-mieten-kontakt h2 {
    color: #3699ff;
  }
}
.selection.selection-mieten-kontakt .headline {
  font-family: "OpenSans-Bold", sans-serif;
  margin-bottom: 0.25rem;
}
.selection.selection-mieten-kontakt .subline {
  color: #fff;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}
.selection.selection-mieten-kontakt .head {
  color: #fff;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 1.25rem;
  padding-left: 0;
}
@media (min-width: 992px) {
  .selection.selection-mieten-kontakt .head {
    color: #3699ff;
  }
}
.selection.selection-mieten-kontakt .times {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .selection.selection-mieten-kontakt .times {
    color: #3699ff;
  }
}
.selection-footer {
  align-items: center;
  border-top: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0.75rem 0.75rem 0;
  position: relative;
}
.selection-footer button + button {
  margin-top: 0.75rem;
}
.selection .last-minute .info,
.selection .last-minute .price {
  color: #df384e !important;
}
.selection .last-minute-badge {
  align-items: center;
  background-color: #fff;
  border: 0.0625rem solid #df384e;
  border-radius: 1.5rem;
  color: #df384e;
  display: block;
  flex-direction: row;
  font-size: 0.75rem;
  margin-bottom: 0.2rem;
  margin-right: 0.3rem;
  margin-top: 0.2rem;
  padding: 0 0.3rem;
  width: fit-content;
}
.selection .last-minute.offer {
  background-color: #fff;
  border: 0.0625rem solid #df384e;
  border-radius: 0.75rem;
  margin: 0;
  padding: 0.25rem;
}
.selection .last-minute.offer .part-left,
.selection .last-minute.offer .part-right {
  padding: 0 0.5rem;
}
.selection .last-minute.offer .last-minute-offer {
  font-family: "OpenSans-SemiBold", sans-serif;
}
.selection .last-minute.offer .date,
.selection .last-minute.offer .guests {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.75rem;
}
.selection .last-minute.offer .line-through {
  color: #c3c3c3;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 0.875rem;
}
.selection .headline {
  font-family: "OpenSans-SemiBold", sans-serif;
  margin-bottom: 0.75rem;
}
.selection .headline .accommodations {
  color: #fff;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.875rem;
  margin-left: 0.5rem;
}
.selection .info {
  font-size: 0.875rem;
  line-height: 1.2;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .selection .info .price {
    font-size: 1.25rem;
  }
}
.selection .info.top-item {
  display: block;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1.3;
}
.selection-header {
  bottom: -6rem;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 1rem;
  position: absolute;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.selection-header-fixed {
  background-color: #fff;
  border-radius: 0;
  bottom: auto;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  padding: 1rem;
  position: fixed;
  top: 0;
  z-index: 990;
}
.selection-header-fixed .selection {
  backdrop-filter: blur(0);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0;
  box-shadow: none;
  color: #000;
  margin-bottom: 0.5rem;
  padding: 0;
}
.selection-header-fixed .selection .headline {
  color: #3699ff;
  margin-bottom: 0.25rem;
}
.selection-header-fixed .selection .headline span {
  color: #000;
}
.selection-header-fixed .selection .headline .accommodations {
  color: #676767;
}
.selection-header-fixed .selection .info {
  color: #676767;
}
.selection-inner {
  display: inline-flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 1rem 0;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.selection-inner .selection {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .selection-inner .selection {
    padding: 1rem 2rem;
  }
}
.selection-inner .selection-object {
  max-width: 406px;
}
@media (min-width: 992px) {
  .selection-inner .selection-object .mob-wrapper {
    display: none;
  }
}
.selection-inner .selection-object .desktop-wrapper {
  display: none;
}
@media (min-width: 992px) {
  .selection-inner .selection-object .desktop-wrapper {
    display: block;
  }
  .selection-inner .selection-object .desktop-wrapper .dates {
    margin-bottom: 1.75rem;
  }
  .selection-inner .selection-object .desktop-wrapper .dates .form-group .form-control,
  .selection-inner .selection-object .desktop-wrapper .dates .form-group input {
    border-bottom-color: #3699ff;
    color: #3699ff;
  }
  .selection-inner .selection-object .desktop-wrapper .dates .form-group .input-group-prepend .input-group-text {
    border-bottom-color: #3699ff;
  }
  .selection-inner .selection-object .desktop-wrapper .list-group {
    margin-bottom: 0;
    padding-left: 0;
  }
  .selection-inner .selection-object .desktop-wrapper .list-group li {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
  }
  .selection-inner .selection-object .desktop-wrapper .list-group li p {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
  .selection-inner .selection-object .desktop-wrapper .price-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
  .selection-inner .selection-object .desktop-wrapper .price-wrapper span {
    font-family: "OpenSans-Bold", sans-serif;
    font-size: 1.25rem;
  }
}
.selection-inner .selection-object .headline,
.selection-inner .selection-object .info-wrapper {
  padding-left: 0;
}
.selection-inner .selection-object .headline {
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 1.5rem;
}
.selection-inner .selection-object .located {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.selection-inner .selection-object p.info {
  font-family: "OpenSans-SemiBold", sans-serif;
  line-height: 1.3;
}
.selection-inner .selection-object .price {
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 1.5rem;
}
.selection-inner .selection-object .price .declaration {
  font-size: 0.625rem;
  text-align: left;
}
.selection-inner .selection-object .part-left .price {
  display: none;
}
.selection-inner .selection-object .part-right .btn-book {
  display: none;
}
@media (min-width: 992px) {
  .selection-inner .selection-object {
    background-color: rgba(255, 255, 255, 0);
    border: 0.125rem solid #3699ff;
    box-shadow: none;
    color: #3699ff;
    max-width: 350px;
  }
  .selection-inner .selection-object .headline {
    color: #3699ff;
  }
}
@media (max-width: 991.98px) {
  .selection-inner {
    bottom: calc(100% - 39rem);
    left: 50%;
    margin: 0;
    padding: 1rem;
    position: fixed;
    transform: translate(-50%);
    width: 100%;
    z-index: 1;
  }
  .selection-inner .selection .price {
    color: #fff;
    display: inline-flex;
    flex-direction: column;
  }
  .selection-inner .info-rating {
    border-color: #fff;
    color: #c3c3c3;
  }
  .selection-inner .info-rating .rating {
    color: #fff;
  }
}
.selection-inner-fixed {
  position: fixed;
  top: 0;
  z-index: 990;
}
.selection-inner-fixed-mob {
  background-color: #fff;
  border-radius: 0;
  bottom: 0 !important;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  padding: 1rem;
  z-index: 2;
}
.selection-inner-fixed-mob .selection {
  backdrop-filter: blur(0);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0;
  box-shadow: none;
  color: #000;
  padding: 0;
}
.selection-inner-fixed-mob .selection .info-wrapper {
  display: none;
}
.selection-inner-fixed-mob .selection .info {
  color: #676767;
}
.selection-inner-fixed-mob .selection p.info {
  font-family: "OpenSans-Regular", sans-serif;
}
.selection-inner-fixed-mob .selection .mob-wrapper > .info {
  display: none;
}
.selection-inner-fixed-mob .selection .headline {
  display: none;
}
.selection-inner-fixed-mob .selection .price {
  color: #3699ff;
  display: inline-flex;
  flex-direction: row;
  padding-left: 0;
}
.selection-inner-fixed-mob .selection .last-minute .price {
  color: #df384e !important;
}
.selection-inner-fixed-mob .selection .last-minute-badge {
  background-color: #fff;
  border: none;
  border-radius: 0;
  color: #df384e;
  display: inline-flex;
  font-size: 0.875rem;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
}
.selection-inner-fixed-mob .selection .last-minute-badge::after {
  content: ":";
}
.selection-inner-fixed-mob .selection .last-minute.offer {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.selection-inner-fixed-mob .selection .last-minute.offer .last-minute-offer,
.selection-inner-fixed-mob .selection .last-minute.offer .line-through {
  display: none;
}
.selection-inner-fixed-mob .selection .last-minute.offer .date,
.selection-inner-fixed-mob .selection .last-minute.offer .guests {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.875rem;
}
.selection-inner-fixed-mob .selection-footer {
  display: none;
}
.selection-inner-fixed-mob .selection .part-left .price {
  align-items: baseline;
  display: flex;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 1.25rem;
  margin-bottom: 0;
  padding-left: 0;
}
.selection-inner-fixed-mob .selection .part-left .price .declaration {
  margin-left: 0.25rem;
}
.selection-inner-fixed-mob .selection .part-right .price {
  display: none;
}
.selection-inner-fixed-mob .selection .part-right .btn-book {
  display: inline-flex;
}
.selection-inner-fixed-mob .selection #btn-book {
  font-size: 0.75rem;
  padding: 0.28125rem 0.5625rem;
}
.selection-inner-fixed-mob .selection #btn-inquiry {
  display: none;
}
.selection-inner-stop-position {
  bottom: 0;
  position: absolute;
  top: auto;
}
@media (max-width: 991.98px) {
  .selection-inner.contact {
    bottom: auto;
    left: 50%;
    margin: 0;
    padding: 1rem;
    position: absolute;
    top: -29.5rem;
    transform: translate(-50%);
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .selection-inner.contact {
    top: -28rem;
  }
}
.selection-contact p {
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 991.98px) {
  .selection-rating {
    bottom: auto;
    opacity: 1;
    pointer-events: auto;
    top: 6.5rem;
    transition: all 0.2s ease-in-out;
  }
  .selection-rating.selection-inner-fixed-mob-rating {
    opacity: 0;
    pointer-events: none;
  }
}
@media (min-width: 992px) {
  .selection-rating.selection-inner-fixed {
    position: absolute !important;
  }
}
@media (max-width: 991.98px) {
  .booking .selection-inner {
    bottom: calc(100% - 18rem);
  }
}
.form-guests {
  align-items: center;
  justify-content: flex-end;
}
.form-guests .input-number {
  align-items: center;
  border: none;
  color: #3699ff;
  display: flex;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 1.25rem;
  justify-content: center;
  max-width: 2.75rem;
  padding: 0.0625rem 0.125rem;
}
.form-guests-list {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.form-guests-list .headline {
  display: block;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.25rem;
  margin-bottom: 0;
}
.form-guests-list .subline {
  color: #676767;
  display: block;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.form-guests-wrapper {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.is-in-range {
  background-color: rgba(54, 153, 255, 0.5) !important;
}
.is-end-date {
  background: linear-gradient(to top left, transparent 50%, rgba(54, 153, 255, 0.5) 50%) !important;
  color: #676767 !important;
  border-radius: 0 !important;
}
.is-start-date {
  background: linear-gradient(to top left, rgba(54, 153, 255, 0.5) 50%, transparent 50%) !important;
  color: #676767 !important;
  border-radius: 0 !important;
}
.is-start-date:hover {
  color: #676767;
}
.is-end-date-and-start-date {
  background: linear-gradient(
    to top left,
    rgba(54, 153, 255, 0.5) calc(50% - 6px),
    #fff 0,
    #fff calc(50% + 6px),
    rgba(54, 153, 255, 0.5) 0%
  );
  background-color: #fff !important;
  color: #676767 !important;
  border-radius: 0 !important;
  position: relative;
  width: 38px;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  display: block;
  z-index: 1;
}
.is-end-date-and-start-date-own-use {
  background-color: #fff !important;
  color: #fff;
  position: relative;
  width: 38px;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  display: block;
  z-index: 1;
}
.is-end-date-and-start-date-own-use::before {
  display: block;
  content: "";
  background-color: #3699ff;
  width: 50%;
  position: absolute;
  height: 100%;
  z-index: -1;
  left: 0;
  top: 0;
}
.is-end-date-and-start-date-own-use::after {
  display: block;
  content: "";
  background-color: #f2b705;
  width: 50%;
  position: absolute;
  height: 100%;
  right: 0;
  z-index: -1;
  top: 0;
}
.is-end-date-own-use-and-start-date {
  background-color: #fff !important;
  color: #fff;
  position: relative;
  width: 38px;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  display: block;
  z-index: 1;
}
.is-end-date-own-use-and-start-date::before {
  display: block;
  content: "";
  background-color: #f2b705;
  width: 50%;
  position: absolute;
  height: 100%;
  z-index: -1;
  left: 0;
  top: 0;
}
.is-end-date-own-use-and-start-date::after {
  display: block;
  content: "";
  background-color: #3699ff;
  width: 50%;
  position: absolute;
  height: 100%;
  right: 0;
  z-index: -1;
  top: 0;
}
.is-start-date-own-use {
  background-color: #f2b705 !important;
  color: #fff;
  position: relative;
  width: 38px;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  display: block;
  z-index: 1;
}
.is-in-range-own-use {
  background-color: #fef8e5 !important;
  color: #676767 !important;
  position: relative;
  width: 38px;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  display: block;
  z-index: 1;
}
.is-locked {
  cursor: not-allowed !important;
}
.is-end-date-own-use {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #f2b705 !important;
  color: #fff;
  position: relative;
  width: 38px;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  display: block;
  z-index: 1;
}
.form-picker-inline .litepicker {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1rem;
  min-height: 290px;
  width: 100%;
}
.form-picker-inline .litepicker .container__main {
  justify-content: center;
}
.form-picker-inline .litepicker .container__months {
  box-shadow: none;
  justify-content: space-between;
}
.form-picker-inline .litepicker .container__months .month-item-weekdays-row {
  border-bottom: 0.0625rem solid #c3c3c3;
}
.form-picker-inline .litepicker .container__months .month-item-weekdays-row > div {
  color: #676767;
}
@media (max-width: 767.98px) {
  .form-picker-inline .litepicker .container__months .month-item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}
.form-picker-inline .litepicker .container__months .month-item-name,
.form-picker-inline .litepicker .container__months .month-item-year {
  color: #3699ff;
  font-family: "OpenSans-Bold", sans-serif;
}
.form-picker-inline .litepicker .container__months.columns-2 {
  width: calc((var(--litepicker-month-width) * 2) + 50px);
}
@media (max-width: 767.98px) {
  .form-picker-inline .litepicker .container__days > div {
    width: calc(100% / 7);
  }
}
.form-picker-inline .litepicker .container__days .day-item {
  color: #676767;
  border-radius: 0;
}
.form-picker-inline .litepicker .container__days .day-item.is-in-range {
  background-color: rgba(54, 153, 255, 0.5);
}
.form-picker-inline .litepicker .container__days .day-item.is-end-date {
  background: linear-gradient(to top left, transparent 50%, rgba(54, 153, 255, 0.5) 50%);
  color: #676767;
  border-radius: 0;
}
.form-picker-inline .litepicker .container__days .day-item.is-end-date:hover {
  color: #676767;
}
.form-picker-inline .litepicker .container__days .day-item.is-start-date {
  background: linear-gradient(to top left, rgba(54, 153, 255, 0.5) 50%, transparent 50%);
  color: #676767;
  border-radius: 0;
}
.form-picker-inline .litepicker .container__days .day-item.is-start-date:hover {
  color: #676767;
}
.form-picker-inline .litepicker .container__days .day-item:hover {
  box-shadow: inset 0 0 0 0.0625rem #3699ff;
  color: #3699ff;
}
.form-picker-inline .litepicker[data-plugins*="mobilefriendly"] .container__months .month-item.touch-target-next {
  -webkit-animation-name: lp-bounce-target-next;
  animation-name: lp-bounce-target-next;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.form-picker-inline .litepicker[data-plugins*="mobilefriendly"] .container__months .month-item.touch-target-prev {
  -webkit-animation-name: lp-bounce-target-prev;
  animation-name: lp-bounce-target-prev;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
@-webkit-keyframes lp-bounce-target-next {
  from {
    -webkit-transform: translateX(100px) scale(1);
    transform: translateX(100px) scale(1);
  }
  to {
    -webkit-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
  }
}
@keyframes lp-bounce-target-next {
  from {
    -webkit-transform: translateX(100px) scale(1);
    transform: translateX(100px) scale(1);
  }
  to {
    -webkit-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
  }
}
@-webkit-keyframes lp-bounce-target-prev {
  from {
    -webkit-transform: translateX(-100px) scale(1);
    transform: translateX(-100px) scale(1);
  }
  to {
    -webkit-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
  }
}
@keyframes lp-bounce-target-prev {
  from {
    -webkit-transform: translateX(-100px) scale(1);
    transform: translateX(-100px) scale(1);
  }
  to {
    -webkit-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
  }
} /*# sourceMappingURL=main.css.map */