/* Reisezeit-Kalender: belegte Tage (Tage aus dem Nachbarmonat, .ends, bleiben ausgeblendet) */
.daterangepicker td.neu-belegt.off:not(.ends),
.daterangepicker td.neu-belegt.off.disabled:not(.ends) {
	background-color: #f7e4e1;
	color: #b4908a;
	text-decoration: line-through;
}
/* Wechseltage halb wie im Vermieterkalender: oben links die Nacht davor, unten rechts die Nacht danach */
.daterangepicker td.neu-wechsel-abreise:not(.active):not(.ends) {
	background-image: linear-gradient(135deg, transparent calc(50% - 1px), #d9b3ac calc(50% - 1px), #d9b3ac 50%, #f7e4e1 50%);
}
.daterangepicker td.neu-wechsel-anreise:not(.active):not(.ends) {
	background-image: linear-gradient(135deg, #f7e4e1 50%, #d9b3ac 50%, #d9b3ac calc(50% + 1px), transparent calc(50% + 1px));
}
/* Gewählter Zeitraum bleibt durchgehend markiert: Tage ohne mögliche Anreise sind gesperrt (off disabled),
   die Grundregel für td.off überdeckt sonst Markierung und Abreisetag (neu-auswahl aus kalender.js) */
.daterangepicker.neu-auswahl td.off.disabled.in-range:not(.ends) {
	background-color: #ebf4f8;
	color: #000;
	font-style: normal;
}
.daterangepicker.neu-auswahl td.off.disabled.active:not(.ends) {
	background-color: #357ebd;
	color: #fff;
	font-style: normal;
}
/* Zeitraum über eine Belegung (Prüf-Knopf aus kalender.js): belegte Nächte bleiben darin als belegt erkennbar */
.daterangepicker.neu-auswahl td.neu-belegt.off.disabled.in-range:not(.active):not(.ends) {
	background-color: #f7e4e1;
	color: #b4908a;
}
/* Gesperrte Tage aufrecht statt kursiv und mit normalem Mauszeiger statt Verbotsschild (Grundgestaltung);
   die blasse Farbe bleibt, die Hand zeigt nur noch auf wählbare Tage */
.daterangepicker td.off.disabled:not(.ends) {
	font-style: normal;
	cursor: default;
}
/* Freie Nacht, aber nicht wählbar (neu-frei aus kalender.js): dunkel wie ein freier Tag, nicht fett, ohne Hand,
   damit ein freier Zeitraum als Block zu sehen ist (wie Lodgify seit 2024 nach dem Vorbild von Airbnb);
   grau bleibt nur die Vergangenheit */
.daterangepicker td.off.disabled.neu-frei:not(.ends) {
	color: #212529;
}
/* Wählbare Tage fett (Legende „Anreise möglich“), nur Objektseite (neu-belegung aus kalender.js) */
.daterangepicker.neu-belegung td.available:not(.ends):not(.active):not(.in-range) {
	color: #212529;
	font-weight: 600;
}
/* Statuszeile über dem Kalender: Anreise wählen / Abreise wählen / gewählter Zeitraum */
.daterangepicker .neu-status {
	padding: 8px 8px 0 8px;
	font-size: 13px;
	line-height: 1.4;
	color: #6c757d;
	text-align: left;
}
.daterangepicker .neu-status strong {
	color: #212529;
	font-weight: 600;
}
/* Gesperrte Abreise, die ein Tipp zur neuen Anreise macht (neu-neue-anreise aus kalender.js): sieht wählbar aus */
.daterangepicker td.off.disabled.neu-neue-anreise:not(.ends) {
	color: #212529;
	font-weight: 600;
	cursor: pointer;
}
.daterangepicker td.off.disabled.neu-neue-anreise:not(.ends):hover {
	background-color: #eee;
}
/* Tage aus dem Nachbarmonat sind in der Grundgestaltung unsichtbar, nehmen aber Klicks an */
.daterangepicker td.off.ends {
	pointer-events: none;
}
/* Legende als eigene Zeile über Datumsanzeige und Knöpfen */
.daterangepicker .neu-legende {
	margin: 0 0 8px 0;
	text-align: left;
	font-size: 12px;
	line-height: 1.6;
	color: #777;
}
.daterangepicker .neu-legende-eintrag {
	display: inline-block;
	margin-right: 14px;
	white-space: nowrap;
}
.daterangepicker .neu-muster {
	display: inline-block;
	width: 22px;
	height: 16px;
	margin-right: 6px;
	vertical-align: middle;
	border-radius: 3px;
}
.daterangepicker .neu-muster-belegt {
	background: linear-gradient(to bottom, transparent 7px, #b4908a 7px, #b4908a 8px, transparent 8px), #f7e4e1;
}
.daterangepicker .neu-muster-fett {
	width: auto;
	height: auto;
	margin-right: 0;
	font-weight: 600;
	color: #212529;
}
.daterangepicker .neu-muster-wechsel {
	background: linear-gradient(135deg, #f7e4e1 50%, #d9b3ac 50%, #d9b3ac calc(50% + 1px), #fff calc(50% + 1px));
	box-shadow: inset 0 0 0 1px #f7e4e1;
}
/* Hinweis nach Antippen eines gesperrten Tags, unter der Legende */
.daterangepicker .neu-hinweis {
	margin: 0 0 8px 0;
	padding: 8px 10px;
	background-color: #fff8e1;
	border: 1px solid #efd893;
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.45;
	color: #333;
	text-align: left;
	white-space: normal;
}
.daterangepicker .neu-hinweis .neu-tel {
	white-space: nowrap;
}
.daterangepicker .neu-hinweis-knopf {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	white-space: normal;
}