.wbcal {
  --wb-bg: #0a0a0a;
  --wb-fg: #fff;
  --wb-muted: #8c8c8c;
  --wb-line: rgba(255,255,255,.18);
  width: 100%;
  font-family: inherit;
}

.wbcal__top {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

.wbcal__field {
  padding: 14px 16px 14px 0;
  min-width: 0;
}

.wbcal__field + .wbcal__field {
  padding-left: 16px;
  border-left: 1px solid #d8d8d8;
}

.wbcal__label {
  display: block;
  font-size: 11px;
  letter-spacing: .08em;
  margin-bottom: 4px;
}

.wbcal__field strong {
  font-size: 16px;
  font-weight: 400;
}

.wbcal__actions {
  display: flex;
  align-items: center;
  padding-left: 18px;
}

.wbcal__reset {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 8px 0;
  color: #777;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
}

.wbcal__reset:hover { color: #111; }

.wbcal__panel {
  position: relative;
  background: var(--wb-bg);
  color: var(--wb-fg);
  padding: 34px 56px 40px;
  overflow: hidden;
}

.wbcal__months {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 52px;
}

.wbcal__month-title {
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  margin: 0 0 22px;
}

.wbcal__weekdays,
.wbcal__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
}

.wbcal__weekdays {
  color: #777;
  font-size: 11px;
  text-align: center;
  margin-bottom: 8px;
}

.wbcal__day,
.wbcal__blank {
  aspect-ratio: 1 / 1;
}

.wbcal__day {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--wb-fg);
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  font: inherit;
  font-size: 13px;
  transition: background .2s ease, color .2s ease, opacity .2s ease;
}

.wbcal__day:hover:not(:disabled) {
  background: #fff;
  color: #000;
}

.wbcal__day:disabled {
  cursor: not-allowed;
  color: #555;
  text-decoration: line-through;
  opacity: .55;
}

.wbcal__day.is-past {
  color: #3f3f3f;
  text-decoration: none;
  opacity: .55;
}

.wbcal__day.is-start,
.wbcal__day.is-end {
  background: #fff;
  color: #000;
}

.wbcal__day.is-range {
  outline: 1px solid rgba(255,255,255,.45);
}

.wbcal__nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.3);
  background: #111;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}

.wbcal__nav:hover { background: #2a2a2a; }
.wbcal__prev { left: 10px; }
.wbcal__next { right: 10px; }

.wbcal__status {
  min-height: 22px;
  padding-top: 10px;
  font-size: 13px;
  color: #666;
}

@media (max-width: 700px) {
  .wbcal__top { grid-template-columns: 1fr 1fr; }
  .wbcal__actions { grid-column: 1 / -1; padding: 8px 0 0; }
  .wbcal__panel { padding: 28px 42px 34px; }
  .wbcal__months { grid-template-columns: 1fr; gap: 0; }
  .wbcal__month:nth-child(2) { display: none; }
}


/* v0.2 – Kalender erst bei Klick öffnen */
.wbcal__field-button {
  appearance: none;
  border: 0;
  background: transparent;
  text-align: left;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

.wbcal__field-button:hover .wbcal__label,
.wbcal__field-button:hover strong {
  color: #aaa;
}

.wbcal__field-button:focus-visible {
  outline: 1px solid #111;
  outline-offset: -2px;
}

.wbcal__field-button.is-active {
  background: #f7f7f7;
}

.wbcal__panel[hidden] {
  display: none !important;
}


/* v0.4: dezenter Hover-/Focus-Zustand statt WordPress-Blau */
.wbcal .wbcal__field-button:hover,
.wbcal .wbcal__field-button:focus,
.wbcal .wbcal__field-button:focus-visible,
.wbcal .wbcal__field-button[aria-expanded="true"] {
	background: #f3f3f3 !important;
	color: inherit !important;
	box-shadow: none !important;
	outline: none !important;
}

.wbcal .wbcal__field-button:active {
	background: #eeeeee !important;
}


/* v0.5: "Auswahl löschen" neutral statt blau */
.wbcal .wbcal__clear,
.wbcal .wbcal__clear:hover,
.wbcal .wbcal__clear:focus,
.wbcal .wbcal__clear:focus-visible,
.wbcal .wbcal__clear:active {
	background: #f3f3f3 !important;
	background-color: #f3f3f3 !important;
	color: #666666 !important;
	border-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}


/* v0.6: automatisch aus dem Kalender befüllte CF7-Felder */
.wolkenbark-anfrage input[readonly] {
	background: transparent !important;
	color: inherit !important;
	cursor: default;
}


/* v0.7 – Anfrageformular erst nach vollständiger Datumswahl zeigen */
.wolkenbark-anfrage {
	display: none;
	margin-top: 28px;
}

.wolkenbark-anfrage.is-open {
	display: block;
	animation: wbFormReveal .28s ease both;
}

@keyframes wbFormReveal {
	from { opacity: 0; transform: translateY(-6px); }
	to   { opacity: 1; transform: translateY(0); }
}

.wbcal__inquiry {
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
}

.wbcal__inquiry-button {
	appearance: none;
	border: 1px solid #111;
	background: #111;
	color: #fff;
	padding: 11px 18px;
	font: inherit;
	font-size: 14px;
	cursor: pointer;
	transition: background .25s ease, color .25s ease;
}

.wbcal__inquiry-button:hover,
.wbcal__inquiry-button:focus-visible {
	background: #333;
	color: #fff;
	outline: none;
}

.wolkenbark-selection-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	align-items: baseline;
	padding: 0 0 18px;
	margin-bottom: 18px;
	border-bottom: 1px solid #d8d8d8;
	font-size: 15px;
}

.wolkenbark-selection-summary strong {
	font-weight: 500;
}

.wolkenbark-selection-summary span {
	color: #777;
}

/* Diese Werte kommen aus dem Kalender und müssen nicht als Eingabefelder erscheinen */
.wolkenbark-anfrage .wolkenbark-field.is-calendar-meta {
	display: none !important;
}

/* Anfrageformular insgesamt reduzierter */
.wolkenbark-anfrage .wolkenbark-field {
	margin-bottom: 18px;
}

.wolkenbark-anfrage .wolkenbark-field label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
}

.wolkenbark-anfrage input[type="text"],
.wolkenbark-anfrage input[type="email"],
.wolkenbark-anfrage textarea {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #111;
	border-radius: 0;
	background: transparent;
	padding: 8px 0;
	box-shadow: none;
	font: inherit;
}

.wolkenbark-anfrage textarea {
	min-height: 100px;
	resize: vertical;
}

.wolkenbark-anfrage input:focus,
.wolkenbark-anfrage textarea:focus {
	outline: none;
	border-bottom-color: #aaa;
}

.wolkenbark-anfrage input[type="submit"] {
	appearance: none;
	border: 1px solid #111;
	border-radius: 0;
	background: transparent;
	color: #111;
	padding: 10px 18px;
	font: inherit;
	cursor: pointer;
	transition: background .25s ease, color .25s ease;
}

.wolkenbark-anfrage input[type="submit"]:hover {
	background: #111;
	color: #fff;
}

@media (max-width: 700px) {
	.wbcal__inquiry {
		justify-content: stretch;
	}
	.wbcal__inquiry-button {
		width: 100%;
	}
}


/* v0.8 – Monat/Jahr klar sichtbar + Fokus-Overlay beim geöffneten Kalender */
.wbcal__month-title {
	color: #ffffff !important;
	font-size: 17px !important;
	letter-spacing: 0 !important;
	opacity: 1 !important;
}

/* Kalender samt Datumsleiste über dem abgedunkelten Rest der Seite halten */
.wbcal.is-calendar-open {
	position: relative;
	z-index: 10001;
}

/* Transparente schwarze Abdunklung des restlichen Bildschirms */
.wbcal-backdrop {
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.72);
	backdrop-filter: none;
}

.wbcal-backdrop[hidden] {
	display: none !important;
}

/* Während der Auswahl bleibt der Kalender voll sichtbar */
.wbcal.is-calendar-open .wbcal__top,
.wbcal.is-calendar-open .wbcal__panel {
	position: relative;
	z-index: 10002;
}

/* Monat/Jahr etwas stärker von den Wochentagen absetzen */
.wbcal__month-title {
	margin-bottom: 18px !important;
}

.wbcal__weekdays {
	color: #8f8f8f !important;
}

/* Pfeile wie in der Referenz klar sichtbar */
.wbcal__nav {
	background: #111 !important;
	color: #fff !important;
	border-color: rgba(255,255,255,.35) !important;
}

/* Optional: Scrollen der Seite während der Kalenderwahl verhindern */
body.wbcal-overlay-active {
	overflow: hidden;
}


/* v0.9 – echter Modal-Kalender: mittig, scharf, über dem Overlay */
.wbcal-backdrop {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2147483000 !important;
	background: rgba(0, 0, 0, 0.72) !important;
}

.wbcal__panel--modal {
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 2147483001 !important;

	width: min(1100px, calc(100vw - 64px)) !important;
	max-height: calc(100vh - 64px) !important;
	overflow: auto !important;

	background: #0a0a0a !important;
	color: #ffffff !important;

	box-shadow: 0 20px 60px rgba(0,0,0,.35) !important;
}

/* Sicherstellen, dass Inhalt nicht vom Overlay beeinflusst wird */
.wbcal__panel--modal,
.wbcal__panel--modal * {
	opacity: 1 !important;
}

/* Monat/Jahr im Modal klar lesbar */
.wbcal__panel--modal .wbcal__month-title {
	color: #ffffff !important;
}

/* Mobile */
@media (max-width: 700px) {
	.wbcal__panel--modal {
		width: calc(100vw - 24px) !important;
		max-height: calc(100vh - 24px) !important;
	}
}


/* v1.0 – explizite Bestätigung der Datumswahl im Kalender */
.wbcal__panel--modal {
	padding-bottom: 30px !important;
}

.wbcal__confirm-row {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid rgba(255,255,255,.16);
}

.wbcal__confirm {
	appearance: none;
	border: 1px solid #ffffff !important;
	background: #ffffff !important;
	color: #111111 !important;
	padding: 11px 16px !important;
	font: inherit;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	box-shadow: none !important;
	outline: none !important;
	transition: background .22s ease, color .22s ease;
}

.wbcal__confirm:hover,
.wbcal__confirm:focus-visible {
	background: #eeeeee !important;
	color: #111111 !important;
}

.wbcal__confirm[hidden] {
	display: none !important;
}


/* v1.1 – verbesserte Belegungsdarstellung, Schließen-X und stabile Navigation */
.wbcal__panel--modal .wbcal__days {
  column-gap: 0 !important;
}

.wbcal__panel--modal .wbcal__day.is-blocked {
  background: #ffffff !important;
  color: #111111 !important;
  opacity: 1 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1.5px !important;
  border-radius: 999px;
  position: relative;
}

/* Zusammenhängende belegte Tage werden optisch zu einem weißen Balken. */
.wbcal__panel--modal .wbcal__day.is-blocked.is-blocked-prev {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.wbcal__panel--modal .wbcal__day.is-blocked.is-blocked-next {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.wbcal__close {
  appearance: none;
  position: absolute;
  top: 14px;
  right: 18px;
  z-index: 8;
  width: 38px;
  height: 38px;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  padding: 0 !important;
  font: inherit;
  font-size: 34px;
  font-weight: 200;
  line-height: 34px;
  cursor: pointer;
  box-shadow: none !important;
}
.wbcal__close:hover,
.wbcal__close:focus-visible {
  color: #d7d7d7 !important;
  outline: none !important;
}

/* Auswahl bestätigen bleibt immer sichtbar. */
.wbcal__confirm,
.wbcal__confirm[hidden] {
  display: inline-block !important;
}

.wbcal__nav:disabled {
  opacity: .25 !important;
  cursor: default !important;
}


/* v1.2 – Legende + dezentes "Auswahl aufheben" im Modal-Footer */
.wbcal__confirm-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
}

.wbcal__legend {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	color: #b9b9b9;
	font-size: 13px;
	line-height: 1.35;
}

.wbcal__legend-sample {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	background: #ffffff;
	color: #111111;
	text-decoration: line-through;
	text-decoration-thickness: 1.5px;
	font-size: 13px;
}

.wbcal__legend-text {
	max-width: 390px;
}

.wbcal__footer-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	flex: 0 0 auto;
}

.wbcal__clear-selection {
	appearance: none;
	border: 1px solid rgba(255,255,255,.42) !important;
	background: transparent !important;
	color: #d0d0d0 !important;
	padding: 11px 16px !important;
	font: inherit;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	box-shadow: none !important;
	outline: none !important;
	transition: border-color .22s ease, color .22s ease, background .22s ease;
}

.wbcal__clear-selection:hover,
.wbcal__clear-selection:focus-visible {
	border-color: rgba(255,255,255,.75) !important;
	color: #ffffff !important;
	background: rgba(255,255,255,.05) !important;
}

/* Der Bestätigungsbutton bleibt bewusst die deutlichere Primäraktion. */
.wbcal__confirm {
	min-width: 156px;
}

@media (max-width: 760px) {
	.wbcal__confirm-row {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.wbcal__legend {
		width: 100%;
	}

	.wbcal__footer-actions {
		width: 100%;
	}

	.wbcal__clear-selection,
	.wbcal__confirm {
		flex: 1 1 0;
	}
}


/* v1.3 – An-/Abreisetage nur halb belegt
   Weiß = belegt.
   Buchungsbeginn: rechte Hälfte weiß (ab Mittag belegt).
   Buchungsende: linke Hälfte weiß (bis Mittag belegt).
   Dazwischen: vollständig weiß.
*/
.wbcal__panel--modal .wbcal__day.is-blocked,
.wbcal__panel--modal .wbcal__day.is-blocked-boundary {
	position: relative !important;
	background: transparent !important;
	color: #111111 !important;
	opacity: 1 !important;
	text-decoration: line-through !important;
	text-decoration-thickness: 1.5px !important;
	border-radius: 0 !important;
	z-index: 1;
	overflow: visible;
}

/* Weißer Belegungsbereich liegt hinter der Zahl. */
.wbcal__panel--modal .wbcal__day.is-blocked::before,
.wbcal__panel--modal .wbcal__day.is-blocked-boundary::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	background: #ffffff;
	z-index: -1;
	pointer-events: none;
}

/* Vollständig belegter Tag */
.wbcal__panel--modal .wbcal__day.is-blocked-full::before {
	left: 0;
	right: 0;
	border-radius: 0;
}

/* Anreisetag einer bestehenden Buchung:
   Vormittag frei, Nachmittag belegt => rechte Hälfte weiß. */
.wbcal__panel--modal .wbcal__day.is-blocked-start::before {
	left: 50%;
	right: 0;
	border-radius: 999px 0 0 999px;
}

/* Abreisetag einer bestehenden Buchung:
   Vormittag belegt, Nachmittag frei => linke Hälfte weiß. */
.wbcal__panel--modal .wbcal__day.is-blocked-end::before {
	left: 0;
	right: 50%;
	border-radius: 0 999px 999px 0;
}

/* Innerhalb einer zusammenhängenden Belegung bleiben die Kanten gerade,
   sodass weiterhin ein durchgehender weißer Balken entsteht. */
.wbcal__panel--modal .wbcal__day.is-blocked-full.is-blocked-prev::before {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.wbcal__panel--modal .wbcal__day.is-blocked-full.is-blocked-next::before {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

/* Wenn ein voller Belegungstag am Zeilenrand endet, bekommt er eine weiche Kante. */
.wbcal__panel--modal .wbcal__day.is-blocked-full:not(.is-blocked-prev)::before {
	border-top-left-radius: 999px;
	border-bottom-left-radius: 999px;
}
.wbcal__panel--modal .wbcal__day.is-blocked-full:not(.is-blocked-next)::before {
	border-top-right-radius: 999px;
	border-bottom-right-radius: 999px;
}

/* Halb belegte Grenztage bleiben anklickbar.
   Die Auswahl-Logik entscheidet, ob sie als Anreise oder Abreise zulässig sind. */
.wbcal__panel--modal .wbcal__day.is-blocked-boundary {
	cursor: pointer !important;
}

/* Legende ebenfalls als halber Belegungstag darstellen. */
.wbcal__legend-sample {
	position: relative;
	background: transparent !important;
	color: #111111 !important;
	overflow: hidden;
	z-index: 1;
}

.wbcal__legend-sample::before {
	content: "";
	position: absolute;
	inset: 0 50% 0 0;
	background: #ffffff;
	border-radius: 999px 0 0 999px;
	z-index: -1;
}

.wbcal__legend-text::after {
	content: " An- und Abreisetage sind nur halb markiert.";
}


/* ==========================================================
   v1.4 – Anschlussbuchungen an An-/Abreisetagen klar sichtbar
   ==========================================================

   Idee:
   Der belegte weiße Balken endet/beginnt nicht mehr mitten über
   der Zahl. Stattdessen wird um die Zahl ein schwarzer Kreis
   "ausgestanzt". Dadurch entsteht optisch ein weißer Halbmond.

   - Abreisetag einer bestehenden Buchung:
     weißer Halbmond links, schwarzer freier Kreis in der Mitte
     => neue Anreise ist an diesem Tag möglich.

   - Anreisetag einer bestehenden Buchung:
     weißer Halbmond rechts, schwarzer freier Kreis in der Mitte
     => eine neue Buchung darf an diesem Tag enden.
*/

/* Grenztage selbst: keine Durchstreichung der Zahl mehr. */
.wbcal__panel--modal .wbcal__day.is-blocked-boundary {
	background: transparent !important;
	color: #ffffff !important;
	text-decoration: none !important;
	opacity: 1 !important;
	overflow: visible !important;
	z-index: 2 !important;
}

/* Der weiße Belegungsanteil läuft bis zur Mitte des Grenztages. */
.wbcal__panel--modal .wbcal__day.is-blocked-start::before,
.wbcal__panel--modal .wbcal__day.is-blocked-end::before {
	border-radius: 0 !important;
}

/* Bestehende Buchung BEGINNT hier:
   rechte Hälfte belegt. */
.wbcal__panel--modal .wbcal__day.is-blocked-start::before {
	left: 50% !important;
	right: 0 !important;
}

/* Bestehende Buchung ENDET hier:
   linke Hälfte belegt. */
.wbcal__panel--modal .wbcal__day.is-blocked-end::before {
	left: 0 !important;
	right: 50% !important;
}

/* Schwarzer kreisförmiger Ausschnitt – erzeugt den "Halbmond". */
.wbcal__panel--modal .wbcal__day.is-blocked-boundary::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 38px;
	height: 38px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #0a0a0a;
	z-index: -1;
	pointer-events: none;
	transition:
		box-shadow .18s ease,
		background .18s ease,
		transform .18s ease;
}

/* Verfügbare Anschluss-Tage bekommen eine sehr dezente Kontur.
   So erkennt man, dass die schwarze Aussparung anklickbar ist. */
.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-boundary-available::after {
	box-shadow: 0 0 0 1px rgba(255,255,255,.34);
}

.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-boundary-available {
	cursor: pointer !important;
}

/* Im aktuell falschen Auswahlmodus bleibt der Grenztag optisch da,
   wirkt aber zurückhaltender. */
.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-boundary-unavailable {
	cursor: not-allowed !important;
	color: #b7b7b7 !important;
}

.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-boundary-unavailable::after {
	box-shadow: none;
}

/* Hover: der freie Kreis wird klarer erkennbar. */
.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-boundary-available:hover {
	background: transparent !important;
	color: #ffffff !important;
}

.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-boundary-available:hover::after {
	box-shadow: 0 0 0 2px #ffffff;
	transform: translate(-50%, -50%) scale(1.04);
}

/* Wenn ein verfügbarer Grenztag tatsächlich als Start/Ende gewählt wird,
   entsteht ein deutlicher weiß umrandeter Auswahlkreis. */
.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-start,
.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-end {
	background: transparent !important;
	color: #ffffff !important;
}

.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-start::after,
.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-end::after {
	background: #0a0a0a !important;
	box-shadow:
		0 0 0 3px #ffffff,
		0 0 0 5px rgba(255,255,255,.16) !important;
}

/* Der belegte Halbmond bleibt trotz Auswahl im Hintergrund sichtbar. */
.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-start::before,
.wbcal__panel--modal .wbcal__day.is-blocked-boundary.is-end::before {
	display: block !important;
}

/* Legende auf dieselbe Halbmond-Sprache umstellen. */
.wbcal__legend-sample {
	position: relative !important;
	background: transparent !important;
	color: #ffffff !important;
	text-decoration: none !important;
	overflow: visible !important;
	z-index: 2 !important;
}

.wbcal__legend-sample::before {
	content: "";
	position: absolute;
	inset: 0 50% 0 0;
	background: #ffffff;
	border-radius: 999px 0 0 999px;
	z-index: -2;
}

.wbcal__legend-sample::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 27px;
	height: 27px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #0a0a0a;
	box-shadow: 0 0 0 1px rgba(255,255,255,.35);
	z-index: -1;
}

/* Alten Zusatztext aus v1.3 ersetzen. */
.wbcal__legend-text::after {
	content: " An- und Abreisetage sind für eine Buchung verfügbar." !important;
}