.datepicker_search-results {
	margin-top: -24px;
}

#datepicker_buchung_input {
	height: 1px;
	background-color: transparent;
	border: 0px solid transparent;
	overflow: hidden;
}

.gesamtpreis_detail {
	font-size: 0.8rem;
}



/********************************************************
/* Hero
/********************************************************/
/* #hero .hero-title {
	/* position: relative;
	width: 370px;
	margin-left: auto;
	margin-right: auto; 
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
} */


#hero {
	background-image: url("../../storage/uploads/duene3840.jpg");
	background-origin: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#hero .hero_search {
	z-index: 2;
}

#hero .uk-grid {
	margin-top: 90px;

	@media screen and (min-width: 960px) {
		margin-top: 0px;
	}
}

#hero .hero_title {
	@media screen and (min-width: 960px) {
		margin-left: 3em;
	}
}

#hero h1.textscroll {
	font-size: clamp(1rem, -0.33rem + 6.67vw, 4rem);
	line-height: 1;
	margin-bottom: 0.5rem;
	font-family: var(--font_titel);
	font-family: 'Marcellus', 'Playfair Display', serif;
	font-weight: 400;
	color: #fff;
}

#hero .hero_title .content__text {
	font-size: clamp(1rem, -0.33rem + 6.67vw, 2rem);
	font-family: var(--font_titel);
	font-family: 'Marcellus', 'Playfair Display', serif;
	font-weight: 200;
	color: #eff2c6;
}

#hero .textscroll.content__h2 {
	font-size: clamp(1rem, -0.33rem + 6.67vw, 2rem);
	font-family: var(--font_titel);
	font-family: 'Marcellus', 'Playfair Display', serif;
	font-weight: 200;
	color: #fff;
}


/********************************************************
/* Hero Kalender search
/********************************************************/
.hero_kalender_container {
	background-color: rgb(255 255 255 / 50%);
	padding: 30px 30px 30px 30px;
	text-align: center;
	border-radius: 5px;
	backdrop-filter: blur(1px);
	width: 100%;

	/* margin-left: auto;
	margin-right: auto; */
	@media screen and (min-width: 375px) {
		width: 375px;
	}
}

.hero_kalender_container label {
	color: #333;
	text-align: left;
}

.hero_kalender_container .easepick-wrapper {
	left: 50%;
	right: auto;
}

/********************************************************
/* Room Kalender search
/********************************************************/
.room_kalender_container {
	background-color: rgb(255 255 255 / 50%);
	padding: 30px 30px 30px 30px;
	border-radius: 5px;
	backdrop-filter: blur(1px);
	width: 100%;

	/* margin-left: auto;
	margin-right: auto; */
	@media screen and (min-width: 375px) {
		width: 375px;
	}
}

/********************************************************
/* Zimmerliste Startseite
/********************************************************/
/* .room_card .media-image {
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.room_card .media-image img {
	will-change: transform;
	-webkit-transform: translateX(-4px) translateZ(0) scale(1.02);
	transform: translateX(-4px) translateZ(0) scale(1.02);
	-webkit-transition: .29s cubic-bezier(.4, .12, .4, .85);
	-o-transition: .29s cubic-bezier(.4, .12, .4, .85);
	transition: .29s cubic-bezier(.4, .12, .4, .85);
}

.room_card .media-image:hover img {
	-webkit-transform: translateX(4px) translateZ(0) scale(1.02);
	transform: translateX(4px) translateZ(0) scale(1.02);
	-webkit-transition: 0.35s cubic-bezier(0.4, 0.12, 0.4, 0.85);
	-o-transition: 0.35s cubic-bezier(0.4, 0.12, 0.4, 0.85);
	transition: 0.35s cubic-bezier(0.4, 0.12, 0.4, 0.85);
} */

.room_card .preis {
	position: absolute;
	left: -18px;
	top: 18px;
	white-space: nowrap;
	padding: 14px 20px;
	z-index: 1;
	display: flex;
	align-items: center;
	/* cursor: pointer; */
	cursor: default;
}

.room_card .preis:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: #faf9f5; */
	background: rgb(255 255 255 / 80%);
	border-radius: 4px;
	content: '';
	z-index: -1;
	-webkit-transition: 0.35s cubic-bezier(0.25, 0.04, 0, 0.93);
	-o-transition: 0.35s cubic-bezier(0.25, 0.04, 0, 0.93);
	transition: 0.35s cubic-bezier(0.25, 0.04, 0, 0.93);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
}

.room_card .preis .preis-label,
.room_card .preis .preis-value {
	-webkit-transform: translateX(0px) translateZ(0px);
	transform: translateX(0px) translateZ(0px);
	-webkit-transition: 0.35s cubic-bezier(0.25, 0.04, 0, 0.93);
	-o-transition: 0.35s cubic-bezier(0.25, 0.04, 0, 0.93);
	transition: 0.35s cubic-bezier(0.25, 0.04, 0, 0.93);
}

.room_card .preis:hover:after {
	-webkit-transform: scaleX(1.05);
	-ms-transform: scaleX(1.05);
	transform: scaleX(1.05);
}

.room_card .preis:hover .preis-label,
.room_card .preis:hover .preis-value {
	-webkit-transform: translateX(5px) translateZ(0px);
	transform: translateX(5px) translateZ(0px);
}

.room_card .preis-label {
	margin-right: 8px;
}

.room_card .preis-value {
	position: relative;
	/* top: -3px;
	font-family: "Cormorant", serif; */
	font-size: 25px;
}

.amenity_svg {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	color: #63636c
}

/********************************************************
/* Info Seite
/********************************************************/
.info-img {
	margin-top: 4em;
}