.fbk-calendar {
	font-family: "PTSansLocal", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--fbk-free: #D3E9BC;
	--fbk-booked: #EFEBE7;
	--fbk-radius: 4px;
}
.fbk-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}
.fbk-month {
	background-color: var(--Accent);
	min-width: 0;
	padding: 12px;
}

.fbk-head {
	color: var(--e-global-color-secondary);
	font-family: LoraLocal;
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: 6px;
	text-align: center;
}

.fbk-days {
	display: grid;
	gap: 2px;
	grid-template-columns: repeat(7, 1fr);
	margin-top: 2px;
}
.fbk-day {
	align-items: center;
	aspect-ratio: 1 / 1;
	color: #bbbbbb;
	display: flex;
	justify-content: center;
	font-size: 0.9rem;
	background: var(--fbk-free);
	border-radius: 2px;
}
.fbk-weekday {
	aspect-ratio: auto;
	background: none;
	color: var( --e-global-color-text );
	font-family: "PTSansLocal", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .8rem;
	font-weight: 400;
	padding: 3px;
}
.fbk-line {
	background-color: var( --e-global-color-primary );
	height: 1px;
	margin: 2px 0 4px 0;
}
.fbk-fill {
	background: transparent;
}

/* Anreise: Vormittag frei, Nachmittag belegt */
.fbk-day.booking-start {
	background: linear-gradient(135deg, var(--fbk-free) 50%, var(--fbk-booked) 50%);
}
/* Abreise: Vormittag belegt, Nachmittag frei */
.fbk-day.booking-end {
	background: linear-gradient(135deg, var(--fbk-booked) 50%, var(--fbk-free) 50%);
}
/* Abreise und neue Anreise am selben Tag */
.fbk-day.booking-start-end,
.fbk-day.booking-day {
	background: var(--fbk-booked);
}

.fbk-legend {
	display: flex;
	gap: 1.25rem;
	justify-content: right;
	margin-bottom: 1rem;
}
.fbk-legend-item {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
}
.fbk-swatch {
	border: 1px solid var( --e-global-color-primary );
	border-radius: 2px;
	display: inline-block;
	height: 1em;
	padding: 2px;
	width: 1em;
}
.fbk-swatch-free {
	background: var(--fbk-free);
}
.fbk-swatch-booked {
	background: var(--fbk-booked);
}

/* Preisanzeige im Kalenderfeld (preise="tag") */
.fbk-day.fbk-has-price { color: var(--e-global-color-text); flex-direction: column; line-height: 1.1; cursor: help; }
.fbk-price { font-size: .6rem; opacity: .9; }