/*#wbe_overlay, #wbe_overlay_wrapper {
	visibility: visible !important;
	display: block !important;
	opacity: 1 !important;
}*/

.popup_content {
	position: relative;
}
.wbe_overlay_close {
	position: absolute;
    top: 1%;
    right: 30px;
    border-radius: 30px;
    background-color: #54595F;
    padding-top: 10px;
    height: 50px;
    width: 50px;
	z-index: 1000000000;
}
.wbe-button-special, .wbe-thankYou-new, .wbe-removeExtraButton, .wbe-infoBox-promo button, .wbe-infoBox-reset-wrapper button, .wbe-bf-minus {
	border-radius: 10px !important;
    background-color: #54595F !important;
    padding-top: 10px !important;
	line-height: 0px;
}

.wbe_overlay_close:hover, button.wbe-button-special:hover, .wbe-thankYou-new:hover, .wbe-removeExtraButton:hover, .wbe-infoBox-promo button:hover, .wbe-infoBox-reset-wrapper button:hover {
	background-color: #3a4046 !important;
	opacity: 1;
}


.wbe_overlay_close:before, .wbe-addExtraButton:before, .wbe-thankYou-new:before, .wbe-removeExtraButton:before, .wbe-infoBox-promo button:before, .wbe-infoBox-reset-wrapper button:before, .wbe-bf-minus:before {
	display: none;
}

.wbe_overly_cloase i.material-icons {
	color: black !important;
}

.wbe-wrapper {
	margin-top: 1em;
	margin-bottom: 1em;
}

.wbe-infoBox-promo-input {
	color: black;
}

.wbe-wrapper-container {
	background-color: white;
	border-radius: 20px;
	overflow: hidden;
	padding: 10px;
}

.wbe-wrapper-container button {
	color: white;
}

.wbe-rooms{
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 0px 30px -2px #949191;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
}
.wbe-infoBox-container {
	border-radius: 20px;
	box-shadow: 0px 0px 30px -2px #949191;
	padding: 0;
	overflow: hidden;
	background-color: #ECE8E4;
	margin-bottom: 1%;
}
.wbe-infoBox-container h2, .wbe-infoBox-promo-label {
	color: #292828;
}
.wbe-infoBox-rate {
	margin-bottom: 0;
}
.wbe-infoBox-rate:hover {
	filter: brightness(100%);
	box-shadow: 0px 0px 30px #949191 inset;
}
.wbe-rate-selected {
	background-color: #8a2f3f;
}
.wbe-extras, .wbe-features, .wbe-contact {
	border-radius: 20px;
	box-shadow: 0px 0px 30px -2px #949191;
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.wbe-features {
	margin-bottom: 2%;
}
.wbe-extras h3, .wbe-features h3 {
	margin-top: 11.5px;
}
.wbe-room {
	margin-bottom: 0px;
	background-color: #ECE8E4;
}
.wbe-roomList-container {
	padding: 0;
	border: 0px solid black;
	background-color: #ECE8E4;
	color: #292828;
}

.wbe-roomList-container:hover {
	filter: brightness(100%);
	box-shadow: 0px 0px 30px #949191 inset;
}
.wbe-removeRoom{
	color: #c70458;
}

.wbe-features-advantages {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.wbe-infoBox-header, .wbe-infoBox-promo {
	padding-left: 1em;
}
/* wenn offen */
.wbe-features-advantages.is-open {
  max-height: 1000px; /* groß genug wählen */
}

/* damit der Titel als Button wirkt */
.wbe-features-benefits h3 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wbe-features-benefits h3 .advantages-arrow {
  transition: transform 0.5s ease;
}

.wbe-features-benefits h3.is-open .advantages-arrow {
  transform: rotate(180deg);
}

div.wbe-features-advantage {
	background-color: #8a2f3f !important;
	border-radius: 10px;
}
.wbe-navbar {
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
}
.wbe-navbar-nav {
	width: 33.3%;
	margin-top: 1%;
}
.wbe-navbar-nav1 {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.wbe-navbar-nav3 {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.wbe-navbar-nav-filled {
	fill: #8a2f3f;
	background-color: #8a2f3f;
	
}

.wbe-scope .date-picker-wrapper {
	padding: 0;
	left:0;
}
.wbe-calendar-TopBar {
	padding-left: 1em;
}
.wbe-calendar-close {
	margin-right: .5em;
	margin-top: .5em;
} 
.wbe-infoBox-buttons-book {
	margin-top: 0;
	background-color: #8a2f3f;
}
.wbe-infoBox-buttons-book:hover {
    filter: brightness(100%);
	background-color: #752835;
}




/* 1) Animation definieren */
@keyframes wbe-slide-up {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 2) Grundzustand, sobald wir animieren wollen */
#wbe_overlay.wbe-animate .wbe-rooms,
#wbe_overlay.wbe-animate .wbe-features,
#wbe_overlay.wbe-animate .wbe-extras,
#wbe_overlay.wbe-animate .wbe-infoBox {
  opacity: 0;                /* Start: unsichtbar */
  transform: translateY(25px);
  animation: wbe-slide-up 0.5s ease forwards;
}

/* 3) Zeitlich versetzt einblenden */
#wbe_overlay.wbe-animate .wbe-rooms   { animation-delay: 0.10s; }
#wbe_overlay.wbe-animate .wbe-features{ animation-delay: 0.25s; }
#wbe_overlay.wbe-animate .wbe-extras  { animation-delay: 0.40s; }
#wbe_overlay.wbe-animate .wbe-infoBox { animation-delay: 0.55s; }


#wbe_contact_form .wbe-icon-arrow-toggler {
    display: none !important;
}

#wbe_contact_form .wbe-contact-inputGroup.wbe-required label::after {
    content: " *";
    margin-left: 0.25em;
    color: red;
}

.wbe-creditCard-date label::after, .wbe-contact-remarks label::after{
	content: "" !important;
}
.wbe-creditCard-date {
	display: flex;
	align-items: center;
}
.wbe-contact {
	padding: 2.5%;
}
#wbe_contact .wbe-section:first-of-type {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.wbe-contact-remarks {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.wbe-contact-submit-back, .wbe-contact-submit {
	display: flex;
	align-items: center;
}
.wbe-contact-submit-back:before, .wbe-contact-submit:before {
	display: none;
}
.wbe-contact-submit {
	float: right !important;
}

.wbe-features-advantages > .wbe-features-advantage:nth-child(3),
.wbe-features-advantages > .wbe-features-advantage:nth-child(4) {
    display: none !important;
}

.wbe-features-advantages 
.wbe-features-advantage:nth-child(5) span::after {
    content: " – Junior Suite";
}

.wbe-keep-cool {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 2%;
    padding: 20px;
    box-sizing: border-box;

    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 30px -2px #949191;

    text-align: center;
    line-height: 1.4;
}

.wbe-keep-cool strong {
    margin-bottom: 6px;
    color: #8d2638;
    font-size: 24px;
}

.wbe-keep-cool span {
    font-size: 17px;
}