[x-cloak] {
display: none !important;
}
.mar-shortcode_info {
justify-content: center;
display: flex;
gap: 0.25rem;
}
.mar-shortcode_info__image {
width: 1.4rem;
}
@media (max-width: 478px) {
.mar-shortcode_info__image {
width: 1rem;
}
}
.mar-shortcode_info__date {
font-weight: bold;
white-space: nowrap;
}
.mar-shortcode_info__item {
display: none;
transition: 1s;
gap: 0.5rem;
font-size: 0.9rem;
line-height: 1.2;
min-width: 0;
min-height: 0;
}
@media (min-width: 478px) {
.mar-shortcode_info__item {
font-size: 1rem;
}
}
.mar-shortcode_info__item--show {
width: 100%;
display: flex;
justify-content: center;
animation-name: info_bar_animation;
animation-duration: 0.5s;
}
@keyframes info_bar_animation {
from {
opacity: 0;
transform: translate(-10%);
}
to {
opacity: 1;
transform: translate(0);
}
}
.mar-bar {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
flex-direction: column;
align-items: center;
gap: 1rem;
background: white;
width: calc(100% + 2rem);
margin: 0 -1rem;
padding: 1.6rem 1.2rem 1.3rem 1rem;
margin-top: -65px;
z-index: 1;
border-radius: 1rem;
}
@media (min-width: 767px) {
.mar-bar {
display: flex;
border-radius: 2rem;
width: 100%;
padding: 2rem 2rem 2rem 2rem;
grid-template-columns: 1fr 1fr 1.5fr 1.5fr 1.5fr;
}
}
.mar-booking__room_list .mar-bar {
margin-top: 0;
}
.mar-bar::after {
display: none;
position: absolute;
content: "";
border: 1px solid #B2956B;
top: -4px;
left: -4px;
width: calc(100% + 8px);
height: calc(100% + 8px);
border-radius: 2rem;
pointer-events: none;
}
@media (min-width: 767px) {
.mar-bar::after {
display: block;
}
}
.mar-bar__kids {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: start;
gap: 1rem;
width: 100%;
}
@media (min-width: 767px) {
.mar-bar__kids {
display: flex;
}
}
.mar-bar__kids_wrap--product .mar-bar__kids {
column-gap: 0.7rem;
}
@media (min-width: 767px) {
.mar-bar__kids_wrap--product .mar-bar__kids {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
}
.mar-bar__kids_wrap {
border-top: 1px solid #E1E1E1;
padding-top: 1.2rem;
position: relative;
display: flex;
flex-direction: column;
width: 100%;
grid-column: span 2;
}
.mar-bar__kids_wrap--product {
padding-top: 0;
border-top: 0;
}
.mar-bar__main {
width: 100%;
display: contents;
align-items: start;
gap: 1rem;
}
@media (min-width: 767px) {
.mar-bar__main {
display: grid;
grid-template-columns: 1fr 1fr 1.5fr 1.5fr 1.5fr;
}
}
.mar-bar__button {
height: 50px;
grid-column: span 2;
order: 2;
}
@media (min-width: 767px) {
.mar-bar__button {
grid-column: auto;
}
}
.mar-bar__alpine_data {
display: contents;
}
.mar-bar-field {
color: #1C1B1F;
position: relative;
width: 100%;
margin-bottom: 0;
max-width: 500px;
}
.mar-bar-field--from_date {
order: -1;
}
@media (min-width: 767px) {
.mar-bar-field--from_date {
order: unset;
}
}
.mar-bar-field--to_date {
order: -1;
}
@media (min-width: 767px) {
.mar-bar-field--to_date {
order: unset;
}
}
.mar-bar-field--small {
width: 100%;
}
@media (min-width: 767px) {
.mar-bar-field--small {
width: max-content;
}
}
@media (min-width: 767px) {
.mar-bar__kids_wrap--product .mar-bar-field--small {
width: 100%;
}
}
.mar-bar-field__error {
display: block;
font-size: 0.9rem;
color: #DC0813;
width: 100%;
margin-bottom: -0.5rem;
margin-top: 3px;
line-height: 1.2;
}
.mar-bar-field-radio {
display: flex;
flex-direction: column;
}
.mar-bar-field-radio__wrap {
display: flex;
gap: 0.5rem;
align-items: center;
}
.mar-bar-field-radio__title {
color: #1C1B1F;
line-height: 1;
font-weight: 700;
}
.mar-bar-field-radio--disabled .mar-bar-field-radio__title {
text-decoration: line-through;
color: #6B7280;
}
.mar-bar-field-radio__label {
color: #616161;
}
.mar-bar-field__checkbox {
width: 1.1rem !important;
height: 1rem !important;
flex: 0 0 auto;
accent-color: #B2956B;
}
.mar-bar-field__checkbox:disabled {
opacity: 0.7;
pointer-events: none;
}
.mar-bar-field__checkbox_wrap {
display: flex;
gap: 0.5rem;
align-items: center;
margin: 0.2rem 0;
}
.mar-bar-field__label_checkbox {
line-height: 1.2;
}
.mar-bar-field__label_checkbox a {
text-decoration: underline;
}
.mar-bar-field__input {
height: 50px;
border: 1px solid #E1E1E1;
padding: 0rem 2rem 0rem 1rem;
border-radius: 8px;
width: 100%;
}
.mar-bar-field--error .mar-bar-field__input {
border: 1px solid #fa4362 !important;
}
.mar-bar-field--small .mar-bar-field__input {
height: 40px;
}
.mar-bar-field__input--date {
background: white;
-webkit-appearance: none;
appearance: none;
}
.mar-bar-field__input--date::-webkit-date-and-time-value {
text-align: left;
}
.mar-bar-field__input--textarea {
padding: 0.6rem 2rem 0.6rem 1rem;
}
.mar-bar-field__input--disabled {
pointer-events: none;
}
.mar-bar-field__label {
margin-left: calc(1rem - 5px);
margin-right: calc(1rem - 5px);
font-size: 0.9rem;
line-height: 1;
position: absolute;
bottom: calc(100% - 0.5rem);
background: white;
padding: 0 5px;
margin-bottom: 0;
color: #6B7280;
}
.flatpickr-calendar {
border-radius: 1rem !important;
overflow: hidden;
}
.flatpickr-calendar .flatpickr-months {
padding-bottom: 0.5rem;
background: #B2956B;
}
.flatpickr-calendar select.flatpickr-monthDropdown-months {
color: white;
font-family: "Open Sans Pro";
font-weight: 400;
font-size: 1.1rem;
border-radius: 0.5rem;
}
.flatpickr-calendar select.flatpickr-monthDropdown-months:hover {
background: rgba(0, 0, 0, 0.1);
}
.flatpickr-calendar .numInputWrapper:hover {
background: rgba(0, 0, 0, 0.1);
border-radius: 0.5rem;
}
.flatpickr-calendar .numInputWrapper > .numInput {
color: white;
font-family: "Open Sans Pro";
font-weight: 400;
font-size: 1.1rem;
}
.flatpickr-calendar .numInputWrapper > .arrowUp, .flatpickr-calendar .numInputWrapper > .arrowDown {
right: -15px;
filter: invert(1);
}
.flatpickr-calendar .flatpickr-next-month, .flatpickr-calendar .flatpickr-prev-month {
height: 42px !important;
}
.flatpickr-calendar .flatpickr-next-month svg, .flatpickr-calendar .flatpickr-prev-month svg {
fill: white;
}
.flatpickr-calendar .flatpickr-next-month:hover, .flatpickr-calendar .flatpickr-prev-month:hover {
background: rgba(0, 0, 0, 0.1);
}
.flatpickr-calendar .flatpickr-next-month:hover svg, .flatpickr-calendar .flatpickr-prev-month:hover svg {
fill: white !important;
}
.flatpickr-calendar .flatpickr-day.today {
border-color: transparent;
font-weight: 700;
}
.flatpickr-calendar .flatpickr-day.selected-other {
background: rgba(178, 149, 107, 0.3);
border-color: rgba(178, 149, 107, 0.3);
}
.flatpickr-calendar .flatpickr-day.selected-other:hover {
background: rgba(178, 149, 107, 0.3);
border-color: rgba(178, 149, 107, 0.3);
}
.flatpickr-calendar .flatpickr-day.selected {
background: #B2956B !important;
border-color: #B2956B !important;
}
.flatpickr-calendar .flatpickr-day.selected:hover {
background: #B2956B;
border-color: #B2956B;
}
.mar-booking__room_list {
display: flex;
flex-direction: column;
gap: 1.5rem;
align-items: center;
}
.mar-booking-thank_you {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.mar-booking-thank_you-header {
width: 600px;
max-width: 100%;
text-align: center;
}
.mar-booking-thank_you-header__text {
margin-top: 1rem;
}
.mar-booking-thank_you-header__button {
margin-top: 2rem;
}
.mar-booking-thank_you-bacs {
display: grid;
grid-template-columns: 1fr;
align-items: center;
box-shadow: 0px 20px 25px rgba(31, 41, 55, 0.1);
border-radius: 1rem;
background: white;
gap: 2rem;
padding: 1.5rem;
justify-items: center;
}
@media (min-width: 767px) {
.mar-booking-thank_you-bacs {
padding: 2rem;
grid-template-columns: 180px 1fr;
}
}
.mar-booking-thank_you-bacs__qr {
max-width: 200px;
width: 100%;
}
.mar-booking-thank_you-product {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
align-content: start;
}
@media (min-width: 478px) {
.mar-booking-thank_you-product {
grid-template-columns: 150px 1fr;
}
}
.mar-booking-thank_you-product__wrap {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: center;
}
.mar-booking-thank_you-product__content {
align-items: start;
padding: 0.5rem 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1rem;
}
.mar-booking-thank_you-product__image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
}
.mar-booking-thank_you-product__metas {
display: flex;
flex-direction: column;
gap: 1rem;
}
.mar-booking-thank_you-product__meta {
display: flex;
flex-direction: column;
}
.mar-booking-thank_you-product__meta:last-child {
border-right: 0;
padding-right: 0;
}
.mar-booking-thank_you-product__meta .mar-booking-checkout-aside-meta__value {
padding-bottom: 0;
}
.mar-booking-checkout {
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 767px) {
.mar-booking-checkout {
gap: 2rem;
display: grid;
grid-template-columns: 1fr 270px;
}
}
@media (min-width: 991px) {
.mar-booking-checkout {
grid-template-columns: 1fr 324px;
}
}
.mar-booking-checkout__main {
display: contents;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 767px) {
.mar-booking-checkout__main {
display: flex;
border-right: 1px solid #E1E1E1;
padding-right: 2rem;
}
}
.mar-booking-checkout-form {
display: flex;
flex-direction: column;
gap: 3rem;
padding-bottom: 0.7rem;
}
.mar-booking-checkout-form__part {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.mar-booking-checkout-form__part--tight {
gap: 1rem;
}
.mar-booking-checkout-form__part--company {
padding-top: 0.3rem;
}
.mar-booking-checkout__payment_box {
display: flex;
flex-direction: column;
margin-bottom: 0.5rem;
gap: 1rem;
}
.mar-booking-checkout-errors {
display: grid;
flex-direction: column;
gap: 0.2rem;
list-style-type: none;
margin: 0;
padding: 0;
background: rgba(220, 8, 19, 0.08);
padding: 1rem;
border-radius: 1rem;
width: 100%;
}
.mar-booking-checkout-errors--recreation {
margin-top: -0.5rem;
}
.mar-booking-checkout-errors--info {
background: rgba(55, 107, 55, 0.08);
}
.mar-booking-checkout-errors__item {
color: #DC0813;
align-items: center;
display: grid;
grid-template-columns: 1rem 1fr;
gap: 0.5rem;
}
.mar-booking-checkout-errors--info .mar-booking-checkout-errors__item {
color: #376B37;
}
.mar-booking-checkout__headline {
font-size: 1.4rem;
}
.mar-booking-checkout__button_wrap {
padding-top: 0.7rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
align-items: start;
order: 2;
}
.mar-booking-checkout-aside {
display: flex;
flex-direction: column;
gap: 0.7rem;
}
.mar-booking-checkout-aside__top_header {
display: flex;
align-items: end;
justify-content: space-between;
}
.mar-booking-checkout-aside__wrap {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
@media (min-width: 767px) {
.mar-booking-checkout-aside__wrap {
position: sticky;
top: 2.5rem;
}
}
.mar-booking-checkout-aside__main {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 0 1.5rem;
}
.mar-booking-checkout-aside__image {
height: 150px;
}
.mar-booking-checkout-aside__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mar-booking-checkout-aside__content {
display: flex;
flex-direction: column;
gap: 1rem;
box-shadow: 0px 20px 25px rgba(31, 41, 55, 0.1);
padding-bottom: 2rem;
border-radius: 0.7rem;
overflow: hidden;
background: white;
}
.mar-booking-checkout-aside__headline {
line-height: 1;
}
.mar-booking-checkout-aside-meta {
display: flex;
flex-direction: column;
}
.mar-booking-checkout-aside-meta__row {
display: contents;
}
.mar-booking-checkout-aside-meta__label {
line-height: 1;
color: #6B7280;
font-size: 0.9rem;
}
.mar-booking-checkout-aside-meta__value {
padding-bottom: 0.7rem;
line-height: 1.5;
color: #1C1B1F;
}
.mar-booking-checkout-aside-meta__row:last-child .mar-booking-checkout-aside-meta__value {
padding-bottom: 0;
}
.mar-booking-checkout-aside-table {
display: grid;
grid-template-columns: 1fr max-content;
justify-content: space-between;
align-items: end;
}
.mar-booking-checkout-aside-table__label {
color: #6B7280;
font-size: 0.9rem;
}
.mar-booking-checkout-aside-table__price {
font-size: 1.1rem;
color: #B2956B;
font-family: "Lora";
}
.mar-room_list-suggestion {
border: 1px solid #B2956B;
border-radius: 0.5rem;
color: #B2956B;
background: white;
padding: 0.5rem 1rem;
transition: 0.2s;
cursor: pointer;
}
.mar-room_list-suggestion:hover {
background: #B2956B;
color: white;
}
.mar-room_list-suggestion__wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
margin-top: -2rem;
}
.mar-room_list__loading {
display: flex;
gap: 0.5rem;
flex-direction: column;
align-items: center;
color: #6B7280;
line-height: 1.2;
text-align: center;
opacity: 0.8;
animation-name: loader_animation_appear;
animation-duration: 0.2s;
animation-timing-function: ease;
}
.mar-room_list__button {
padding: 0.7rem 2.5rem !important;
}
.mar-room_list__list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.mar-room_list__h2 {
font-size: 1.4rem;
margin-bottom: 0.5rem;
}
.mar-room_list__message {
color: #6B7280;
text-align: center;
}
.mar-room_list__container {
width: 100%;
display: grid;
grid-template-columns: 1fr;
padding: 1rem 0;
gap: 2rem;
}
@media (min-width: 991px) {
.mar-room_list__container {
grid-template-columns: 1fr 270px;
}
}
@media (min-width: 1300px) {
.mar-room_list__container {
grid-template-columns: 1fr 324px;
}
}
.mar-room_list__info_boxes {
display: flex;
flex-direction: column;
gap: 2rem;
}
@media (min-width: 767px) {
.mar-room_list__info_boxes {
gap: 3rem;
position: sticky;
top: 2.5rem;
}
}
.mar-room_list__label {
display: block;
font-size: 1rem;
border-bottom: 1px solid #efefef;
margin-bottom: 1rem;
}
.mar-room_list-info_box {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.mar-room_list-info_box__headline {
font-size: 1.2rem;
}
.mar-room_list-info_box__headline--small {
font-size: 1rem;
color: white;
padding: 0.2rem 0;
text-align: center;
background: #B2956B;
}
.mar-room_list-info_box__buttons {
margin-top: 0.5rem;
display: flex;
gap: 1rem;
}
.mar-room_list-info_box__buttons a img {
width: 1.4rem;
padding: 0.1rem;
}
.mar-room_list-info_box__buttons a:hover img {
filter: brightness(0) invert(1);
}
.mar-room_list-info_box-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.mar-room_list-info_box-list__item {
display: flex;
align-items: center;
gap: 0.5rem;
}
.mar-room_list__main {
display: flex;
flex-direction: column;
gap: 3rem;
min-height: 55vh;
}
@media (min-width: 991px) {
.mar-room_list__main {
border-right: 1px solid #E1E1E1;
padding-right: 2rem;
}
}
.mar-room_list-features {
display: flex;
flex-direction: column;
gap: 0.2rem;
font-size: 0.9rem;
}
.mar-room_list-features__single {
display: flex;
gap: 0.3rem;
align-items: center;
}
.mar-room_list-features__image {
width: 1.1rem;
}
.mar-room_list-features--package .mar-room_list-features__image {
filter: brightness(0) invert(1);
}
.mar-room_list-room {
cursor: pointer;
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
animation-name: reservation_system_room_appear;
animation-duration: 0.4s;
animation-timing-function: ease;
}
@media (min-width: 767px) {
.mar-room_list-room {
gap: 2rem;
grid-template-columns: 300px 1fr;
}
}
.mar-room_list-room__content {
display: flex;
flex-direction: column;
gap: 0.6rem;
}
@media (min-width: 767px) {
.mar-room_list-room__content {
gap: 1rem;
}
}
.mar-room_list-room__image {
border-radius: 1rem;
height: 200px;
width: 100%;
object-fit: cover;
}
@media (min-width: 767px) {
.mar-room_list-room__image {
height: 100%;
}
}
.mar-room_list-room__features {
color: #6B7280;
}
.mar-room_list-room__label {
color: #6B7280;
}
.mar-room_list-room__headline {
line-height: 1;
font-size: 1.4rem;
}
.mar-room_list-room__cta {
align-self: end;
display: flex;
flex-direction: column;
gap: 0.5rem;
align-items: flex-end;
}
.mar-room_list-room__buttons {
display: flex;
column-gap: 1rem;
row-gap: 0.5rem;
justify-content: center;
flex-wrap: wrap;
width: 100%;
}
@media (min-width: 767px) {
.mar-room_list-room__buttons {
justify-content: end;
}
}
.mar-room_list-room-price {
grid-column: span 2;
}
.mar-room_list-room-price__number {
font-family: "Lora";
font-size: 1.1rem;
color: #1C1B1F;
}
.mar-room_list-package {
cursor: pointer;
position: relative;
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
z-index: 1;
padding: 1.5rem;
color: white;
border-radius: 1rem;
overflow: hidden;
min-height: 250px;
animation-name: reservation_system_room_appear;
animation-duration: 0.4s;
animation-timing-function: ease;
grid-template-rows: 1fr;
}
@media (min-width: 767px) {
.mar-room_list-package {
grid-template-columns: 1fr 1fr;
}
}
.mar-room_list-package::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);
}
@media (min-width: 767px) {
.mar-room_list-package::before {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 100%);
}
}
.mar-room_list-package__price {
display: flex;
flex-direction: column;
right: 0;
top: 1.5rem;
padding: 0.2rem 1.5rem 0.2rem 1rem;
background: white;
color: #B2956B;
font-size: 1.3rem;
font-family: "Lora";
border-radius: 0.7rem 0 0 0.7rem;
width: max-content;
margin-right: -1.5rem;
justify-self: flex-end;
margin-bottom: -1rem;
margin-top: -0.5rem;
height: max-content;
}
@media (min-width: 767px) {
.mar-room_list-package__price {
position: absolute;
margin-right: 0;
margin-bottom: 0;
margin-top: 0;
}
}
.mar-room_list-package__price .mar-room_widget-price__old {
font-size: 0.9rem;
}
.mar-room_list-package__room {
opacity: 0.8;
}
.mar-room_list-package__buttons {
display: flex;
flex-wrap: wrap;
column-gap: 1rem;
row-gap: 0.5rem;
align-self: flex-end;
justify-content: center;
}
@media (min-width: 767px) {
.mar-room_list-package__buttons {
flex-wrap: no-wrap;
justify-content: end;
}
}
@media (min-width: 767px) {
.mar-room_list-package__header {
padding-right: 5.5rem;
grid-column: span 2;
}
}
.mar-room_list-package__headline {
color: white;
line-height: 1;
font-size: 1.4rem;
}
.mar-room_list-package__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -2;
}
.mar__loader {
width: 50px;
padding: 6px;
opacity: 0.5;
aspect-ratio: 1;
border-radius: 50%;
background: #6B7280;
-webkit-mask: conic-gradient(rgba(0, 0, 0, 0) 10%, #000), linear-gradient(#000 0 0) content-box;
mask: conic-gradient(rgba(0, 0, 0, 0) 10%, #000), linear-gradient(#000 0 0) content-box;
-webkit-mask-composite: source-out;
mask-composite: subtract;
animation: loader_animation 1s infinite linear;
}
@keyframes loader_animation {
to {
transform: rotate(1turn);
}
}
@keyframes loader_animation_appear {
from {
opacity: 0.3;
transform: scale(0.7);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes reservation_system_room_appear {
from {
opacity: 0.5;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
.mar-room_widget {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.mar-room_widget-price {
display: flex;
flex-direction: column;
align-self: start;
}
.mar-room_widget-price__old {
text-align: right;
line-height: 1;
font-family: "Lora";
font-size: 1.1rem;
color: #6B7280;
text-decoration: line-through;
}
.mar-room_widget-price__number {
color: #B2956B;
font-size: 1.6rem;
font-family: "Lora";
}
.mar-room_widget__button_wrap {
display: flex;
flex-direction: column;
gap: 0.7rem;
}
.mar-room_widget-message {
display: grid;
grid-template-columns: 20px 1fr;
align-items: center;
gap: 0.3rem;
padding: 0.6rem;
border-radius: 0.5rem;
animation: message_animation 0.2s ease;
}
@keyframes message_animation {
from {
opacity: 0.5;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
.mar-room_widget-message--loading {
background: rgba(222, 109, 0, 0.08);
color: #DE6D00;
}
.mar-room_widget-message--loading span:after {
content: "";
animation: text_dots_animation 1s infinite;
display: inline-block;
}
@keyframes text_dots_animation {
0% {
content: "";
}
25% {
content: ".";
}
50% {
content: "..";
}
75% {
content: "...";
}
}
.mar-room_widget-message--error {
background: rgba(220, 8, 19, 0.08);
color: #DC0813;
}
.mar-room_widget-message--success {
background: rgba(55, 107, 55, 0.08);
color: #376B37;
}
.mar-room_widget-message-room {
grid-column: span 2;
display: grid;
grid-template-columns: 60px 1fr;
column-gap: 0.7rem;
background: white;
padding: 0.5rem;
border-radius: 0.5rem;
color: #616161;
}
.mar-room_widget-message-room__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0.4rem 0;
}
.mar-room_widget-message-room__image {
height: 60px;
width: 100%;
object-fit: cover;
border-radius: 0.5rem;
}
.mar-room_widget-message-room__headline {
font-weight: 700;
}
.mar-room_widget-message-room__link {
text-decoration: underline;
}
.mar-room_widget__button {
width: 100%;
}
.mar-room_widget-fields {
padding-top: 0.3rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.mar-room_widget-fields__row {
display: flex;
gap: 0.7rem;
}
.mar-room_widget-switch {
position: relative;
cursor: pointer;
background: #d4d3d3;
height: 28px;
width: 49px;
transition: 0.2s;
border-radius: 1rem;
margin-bottom: 0;
}
.mar-room_widget-switch--true {
background: #B2956B;
}
.mar-room_widget-switch__checkbox {
display: none;
}
.mar-room_widget-switch__wrap {
display: flex;
align-items: center;
gap: 0.5rem;
}
.mar-room_widget-switch__wrap--disabled {
pointer-events: none;
}
.mar-room_widget-switch__slider {
position: absolute;
border-radius: 50%;
top: 4px;
left: 4px;
aspect-ratio: 1/1;
height: calc(100% - 8px);
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.mar-room_widget-switch--true .mar-room_widget-switch__slider {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.mar__alpine_data {
display: contents;
}
.mar__alpine_data {
display: contents;
}
.mar-table {
display: grid;
grid-template-columns: 1fr max-content;
row-gap: 0.3rem;
}
.mar-table--4 {
grid-template-columns: 1fr max-content max-content max-content;
}
.mar-table--4 .mar-table__cell:first-child {
font-weight: bold;
}
.mar-table--responsive {
width: 100%;
grid-template-columns: 1fr;
}
@media (min-width: 478px) {
.mar-table--responsive {
grid-template-columns: max-content 1fr;
}
}
.mar-table__row {
display: contents;
}
.mar-table__cell {
line-height: 1.2;
padding: 0.1rem 0;
}
.mar-table--responsive .mar-table__cell {
line-height: 1.4;
padding-left: 0;
padding-right: 0;
}
.mar-table__cell:first-child {
padding-top: 0;
}
.mar-table__cell:nth-child(odd) {
padding-right: 0.5rem;
}
.mar-table--responsive .mar-table__cell:nth-child(odd) {
padding-right: 0rem;
padding-bottom: 0.5rem;
}
@media (min-width: 478px) {
.mar-table--responsive .mar-table__cell:nth-child(odd) {
padding-right: 0.5rem;
}
}
.mar-table__cell:nth-child(even) {
padding-left: 0.5rem;
}
.mar-table--responsive .mar-table__cell:nth-child(even) {
padding-left: 0rem;
padding-bottom: 0.5rem;
}
@media (min-width: 478px) {
.mar-table--responsive .mar-table__cell:nth-child(even) {
padding-left: 0.5rem;
padding-bottom: 0;
}
}
.mar-table--lines .mar-table__cell {
padding: 0.7rem 0.3rem;
border-bottom: 1px solid var(--bricks-color-yaaydv);
}
.mar-table--lines .mar-table__cell:last-child {
border-bottom: 0;
}
.mar-table--lines .mar-table__cell:nth-last-child(2) {
border-bottom: 0;
}
.mar-table--4 .mar-table__cell:nth-last-child(3) {
border-bottom: 0 !important;
}
.mar-table--4 .mar-table__cell:nth-last-child(4) {
border-bottom: 0;
}
.mar-table__cell--price {
color: #B2956B;
}
.mar-table__cell--bold {
color: #1C1B1F;
font-weight: bold;
}
.mar-table__cell--hour {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.mar-table__cell--total {
padding-top: 0.5rem;
font-size: 1.1rem;
font-family: "Lora";
border-top: 1px solid #efefef;
margin-top: 0.5rem;
}
.mar-table__cell--total:first-child {
padding-top: 0.5rem;
}
.mar-table__cell--label {
color: #6B7280;
font-size: 0.9rem;
line-height: 1.2;
align-content: center;
}
@media (max-width: 478px) {
.mar-table--responsive .mar-table__cell--label {
padding-bottom: 0;
}
}
.mar-table__cell--right {
text-align: right;
text-wrap: nowrap;
}
@media (max-width: 478px) {
.mar-table--responsive .mar-table__cell--right {
text-align: left;
}
}
.mar-table__cell--crossed {
text-decoration: line-through;
}
.mar__separator {
width: 100%;
margin: 0;
opacity: 0.8;
}
.mar__separator--small {
width: 40px;
}
.mar__separator--aside {
margin-top: 0.7rem;
}
@media (min-width: 767px) {
.mar__separator--aside {
display: none;
}
}
.mar-button {
position: relative;
}
.mar-button--disabled {
pointer-events: none;
background: #b0a89c !important;
}
.mar-button--loading {
pointer-events: none;
}
.mar-button--loading span {
opacity: 0;
}
.mar-button--loading::before {
position: absolute;
left: 50%;
top: 50%;
content: "";
width: 4px;
aspect-ratio: 1;
border-radius: 100%;
box-shadow: 19px 0 0 4px, 38px 0 0 0px, 57px 0 0 0;
transform: translate(-38px, -2px);
animation: loading-animation 0.8s infinite linear;
}
@keyframes loading-animation {
0% {
box-shadow: 19px 0 0 4px, 38px 0 0 0px, 57px 0 0 0;
}
17% {
box-shadow: 19px 0 0 2px, 38px 0 0 2px, 57px 0 0 0;
}
33% {
box-shadow: 19px 0 0 0, 38px 0 0 4px, 57px 0 0 0;
}
50% {
box-shadow: 19px 0 0 0, 38px 0 0 2px, 57px 0 0 2px;
}
67% {
box-shadow: 19px 0 0 0, 38px 0 0 0, 57px 0 0 4px;
}
83% {
box-shadow: 19px 0 0 2px, 38px 0 0 0, 57px 0 0 2px;
}
}
.mar__mini_link {
cursor: pointer;
display: grid;
grid-template-columns: 11px 1fr;
gap: 0.2rem;
align-items: center;
color: #6B7280;
transition: 0.1s;
}
.mar__mini_link img {
transition: 0.1s;
}
.mar__mini_link:hover {
color: #B2956B;
}
.mar__mini_link:hover img {
filter: brightness(0) saturate(100%) invert(66%) sepia(47%) saturate(286%) hue-rotate(356deg) brightness(84%) contrast(88%);
}
@media (max-width: 450px) {
body[stop_scroll_mobile=true] {
overflow: hidden;
}
}
.mar-peekobot {
position: fixed;
z-index: 200;
right: 1rem;
bottom: 1rem;
}
@media (min-width: 767px) {
.mar-peekobot {
right: 2.5rem;
bottom: 1.5rem;
}
}
.mar-peekobot-chat {
margin-left: auto;
display: grid;
grid-template-rows: max-content 1fr;
height: 85vh;
background: white;
max-width: 450px;
width: calc(100% - 1rem);
border-radius: 1rem;
overflow: hidden;
animation: peekobot_appear 0.1s ease-out;
box-shadow: 0px 20px 25px rgba(31, 41, 55, 0.1);
}
.mar-peekobot-chat__peekobot {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.mar-peekobot-chat__inner {
padding: 1rem 1rem 1.5rem 1rem;
}
.mar-peekobot-chat__header {
display: flex;
justify-content: space-between;
align-items: center;
background: #B2956B;
color: white;
padding: 1rem 1rem;
}
.mar-peekobot-chat__headline {
color: white;
font-size: 1.1rem;
}
.mar-peekobot-chat__xmark {
padding: 0.5rem;
margin: -0.5rem;
background: none;
}
.mar-peekobot-chat__xmark img {
width: 1rem;
}
.mar-peekobot-trigger {
cursor: pointer;
background: #B2956B;
display: flex;
border: 1px solid #C3AA86;
gap: 0.5rem;
border-radius: 1rem;
justify-content: center;
align-items: center;
padding: 0.4rem 0.8rem;
box-shadow: 0px 20px 25px rgba(31, 41, 55, 0.1);
transition: 0.2s;
animation: button_appear 0.2s;
}
.mar-peekobot-trigger:hover {
background: #C3AA86;
transform: scale(1.05);
}
.mar-peekobot-trigger__icon {
width: 2rem;
height: 2rem;
}
.mar-peekobot-trigger__text {
text-transform: uppercase;
color: white;
text-align: center;
font-size: 0.8rem;
}
.mar-peekobot .choices {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-left: 0;
}
.mar-peekobot .chat-ask {
margin-top: 0.5rem;
}
@media (max-width: 450px) {
.mar-peekobot .chat-ask {
width: 90%;
}
}
.mar-peekobot .chat-response {
margin-top: 0.5rem;
margin-left: 2.5rem;
}
@media (max-width: 450px) {
.mar-peekobot .chat-response {
margin-left: 0;
width: 90%;
}
}
.mar-peekobot .chat-response::before {
left: -2.5rem;
content: "M";
color: white;
display: flex;
justify-content: center;
align-items: center;
background: var(--cust-color-background-gradient);
width: 2rem;
height: 2rem;
}
@media (max-width: 450px) {
.mar-peekobot .chat-response::before {
display: none;
}
}
.mar-peekobot .chat-response a {
text-decoration: underline;
}
.mar-peekobot .chat-response p {
margin-bottom: 0.8rem;
}
.mar-peekobot .chat-response p:last-child {
margin-bottom: 0;
}
.mar-peekobot .chat-response table {
font-size: 0.95rem;
margin-bottom: 1rem;
margin-top: 0.4rem;
border-collapse: collapse;
}
.mar-peekobot .chat-response table td {
padding: 0.3rem;
border: 1px solid #C0C0C0;
}
.mar-peekobot .chat-response table td:last-child {
font-weight: bold;
}
@keyframes peekobot_appear {
0% {
opacity: 0;
transform: translateY(20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes button_appear {
0% {
opacity: 0;
transform: scale(0.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}