/*
 * Personalisiertes Template für hotel-datepicker 3.6.8 (https://github.com/benitolopez/hotel-datepicker)
 * made by Gardena.Net
*/

body .rangedatepicker {
	background: rgba(22, 48, 50, 0.95)!important;
	border: 1px solid var(--gn-body-bg)!important;
	color: var(--gn-body-color)!important;
	top: 100%!important;
	bottom: auto!important;
	z-index: 9999!important;
}
body .rangedatepicker.datepicker--open {
	display: block !important;
}
body .rangedatepicker.datepicker--closed {
	display: none !important;
}
.shortrequest .rangedatepicker {
	bottom: 100%!important;
	top: auto!important;
}
body .rangedatepicker .datepicker__inner {
	background-color: var(--gn-body-bg)!important;
}
body .rangedatepicker .datepicker__messagges {
	display: none!important;
}
body .rangedatepicker .datepicker__months {
	background-color: transparent!important;
}
body .rangedatepicker .datepicker__month-day--visibleMonth {
	border-color: var(--gn-secondary)!important;
}
body .rangedatepicker .datepicker__month-day--visibleMonth:not(.datepicker__month-day--hovering):not(.datepicker__month-day--selected):not(.datepicker__month-day--invalid):hover {
	background-color: var(--gn-secondary);
}
body .rangedatepicker .datepicker__month-name {
	color: var(--gn-body-color)!important;
	font-weight: 400!important;
}
body .rangedatepicker .datepicker__month-day {
	color: var(--gn-body-color)!important;
}
body .rangedatepicker .datepicker__month-day--visibleMonth:not(.datepicker__month-day--hovering):not(.datepicker__month-day--selected):not(.datepicker__month-day--invalid):hover {
	background-color: var(--gn-primary)!important;
	color: var(--gn-white)!important;
}
body .rangedatepicker .datepicker__month-day--invalid {
	color: var(--gn-secondary)!important;
}
body .rangedatepicker .datepicker__month-day--today {
	background-color: var(--gn-secondary)!important;
	color: var(--gn-white)!important;
}
body .rangedatepicker .datepicker__month-day--invalid.datepicker__month-day--today {
	background-color: transparent!important;
}
body .rangedatepicker .datepicker__month-day--selected, body .rangedatepicker .datepicker__month-day--hovering {
	background-color: var(--gn-secondary)!important;
	color: var(--gn-white)!important;
}
body .rangedatepicker .datepicker__month-day--first-day-selected, body .rangedatepicker .datepicker__month-day--last-day-selected {
	background-color: var(--gn-primary)!important;
	color: var(--gn-white)!important;
}
body .rangedatepicker .datepicker__bottombar .datepicker__clear-button {
	border: none!important;
	background-color: transparent!important;
}
body .rangedatepicker .datepicker__month-button svg {
	fill: var(--gn-body-color);
	pointer-events: none;
}
body .rangedatepicker .datepicker__month-button:hover {
	background-color: var(--gn-primary);
	color: var(--gn-white);
}
body .rangedatepicker .datepicker__month-button:hover svg {
	fill: var(--gn-white)!important;
}
/* END month */

/* responsive */
/* desktop large */
@media (min-width: 641px) {
	/* rangedatepicker */
	body .rangedatepicker .datepicker__month-button--next[month="1"], body .rangedatepicker .datepicker__month-button--prev[month="2"] {
		display: none;
	}
	/* END rangedatepicker */
}

/* tablet */
@media (max-width: 1080px) {
	/* rangedatepicker */
	body .rangedatepicker .datepicker__inner {
	}
	/* END rangedatepicker */
}

/* smartphone */
@media (max-width: 640px) {
	/* rangedatepicker */
	body .rangedatepicker {
		position: fixed!important;
		right: auto!important;
		bottom: 0!important;
		border-radius: 0!important;
		left: 0!important;
		width: 100%!important;
		top: auto!important;
		min-height: 350px!important;
		-webkit-transform: translateY(100%)!important;
		-moz-transform: translateY(100%)!important;
		-ms-transform: translateY(100%)!important;
		-o-transform: translateY(100%)!important;
		transform: translateY(100%)!important;
		-webkit-transition: opacity 0.5s, transform 0.5s!important;
		-moz-transition: opacity 0.5s, transform 0.5s!important;
		-ms-transition: opacity 0.5s, transform 0.5s!important;
		-o-transition: opacity 0.5s, transform 0.5s!important;
		transition: opacity 0.5s, transform 0.5s!important;
	}
	body .rangedatepicker.datepicker--open {
		-webkit-transform: translateY(0)!important;
		-moz-transform: translateY(0)!important;
		-ms-transform: translateY(0)!important;
		-o-transform: translateY(0)!important;
		transform: translateY(0)!important;
	}
	body .rangedatepicker .datepicker__bottombar {
		height: 50px;
	}
	body .rangedatepicker .datepicker__messagges .datepicker__messagge {
		padding-left: 15px;
		padding-right: 15px;
	}
	body .rangedatepicker .datepicker__month-button--disabled {
		visibility: visible;
	}
	body .rangedatepicker.datepicker--open .datepicker__months {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: transform 0.5s 0.3s;
		-moz-transition: transform 0.5s 0.3s;
		-ms-transition: transform 0.5s 0.3s;
		-o-transition: transform 0.5s 0.3s;
		transition: transform 0.5s 0.3s;
		bottom: auto;
		left: auto;
		padding: unset;
		position: relative;
		right: auto;
	}
	body .rangedatepicker .datepicker__close-button {
		min-height: 0!important;
	}
	body .rangedatepicker .datepicker__close-button:after {
		content: '×'!important;
		font-size: 30px!important;
		position: absolute!important;
		right: -35px!important;
		top: 5px!important;
		width: 30px!important;
		height: 30px!important;
		line-height: 25px!important;
		border-radius: 0!important;
		background-color: transparent!important;
		text-align: center!important;
	}
	.datepicker__months:before {
		content: none;
		display: none;
	}
	body .rangedatepicker .datepicker__month--month2 {
		display: none;
	}
	body .rangedatepicker .datepicker__month--month1 {
		width: 100%!important;
		margin: 0 auto!important;
		float: none;
		max-width: 257px;
	}
	body .rangedatepicker .datepicker__week-row td.datepicker__month-day--nextMonth {
		display: none;
	}
	body .rangedatepicker .datepicker__month-name {
		font-size: 1.5rem!important;
	}
	body .rangedatepicker .datepicker__month-day {
		font-size: 1.3rem!important;
	}
	body .rangedatepicker .datepicker__week-name {
		font-size: 1.1rem!important;
	}
	/* END rangedatepicker */
}
/* END responsive */