/*
 * Leiste „Deine Buchung fortsetzen“ (auf allen Seiten, nur wenn im Browser ein Termin gemerkt ist).
 * Nur Tokens var(--pe-…) aus dem Zusatz-CSS der Seite.
 */
.pe-fortsetzen {
	position: fixed;
	z-index: 9999;
	right: var(--pe-space-4);
	bottom: var(--pe-space-4);
	left: var(--pe-space-4);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--pe-space-2) var(--pe-space-4);
	max-width: var(--pe-narrow);
	margin: 0 auto;
	padding: var(--pe-space-3) var(--pe-space-3) var(--pe-space-3) var(--pe-space-5);
	background: var(--pe-flaeche);
	color: var(--pe-text);
	border: var(--pe-border-w-strong) solid var(--pe-rand-stark);
	border-left: var(--pe-space-1) solid var(--pe-aktion);
	border-radius: var(--pe-r-md);
}
.pe-fortsetzen__text {
	display: flex;
	flex: 1 1 14rem;
	flex-direction: column;
	margin: 0;
	line-height: var(--pe-lh-snug);
}
.pe-fortsetzen__text strong {
	color: var(--pe-ueberschrift);
}
.pe-fortsetzen__text span {
	font-size: var(--pe-fs-sm);
	color: var(--pe-text-leise);
}
.pe-fortsetzen__weiter {
	display: inline-flex;
	align-items: center;
	min-height: var(--pe-tap);
	padding: var(--pe-space-2) var(--pe-space-4);
	background: var(--pe-aktion);
	color: var(--pe-aktion-text);
	border-radius: var(--pe-r-sm);
	font-weight: var(--pe-fw-bold);
	text-decoration: none;
}
.pe-fortsetzen__weiter:hover,
.pe-fortsetzen__weiter:focus-visible {
	background: var(--pe-aktion-hover);
	color: var(--pe-aktion-text);
}
.pe-fortsetzen__zu {
	min-width: var(--pe-tap);
	min-height: var(--pe-tap);
	padding: 0;
	background: none;
	border: 0;
	color: var(--pe-text-leise);
	font-size: var(--pe-fs-h3);
	line-height: 1;
	cursor: pointer;
}
@media print {
	.pe-fortsetzen {
		display: none;
	}
}