/* Kopfbereich klebt am oberen Rand, damit "Platz buchen" immer erreichbar ist. */
.ktf77-header {
	position: sticky;
	top: 0;
	z-index: 20;
}

/* Navigationslinks ohne Unterstreichung, mit ruhigem Hover. */
.ktf77-nav a {
	text-decoration: none;
	font-weight: 500;
}
.ktf77-nav a:hover {
	text-decoration: underline;
}

/* Der Buchungs-Button ist die einzige auffällige Fläche im Kopfbereich. */
.ktf77-booking .wp-block-button__link {
	white-space: nowrap;
}

/* Auf schmalen Bildschirmen rückt der Button unter die Navigation,
   statt sie zu quetschen. */
@media (max-width: 600px) {
	.ktf77-header .wp-block-group {
		row-gap: var(--wp--preset--spacing--20);
	}
}

.ktf77-footer a {
	color: inherit;
}

/* Linklisten im Fußbereich ohne Aufzählungspunkte und enger gesetzt. */
.ktf77-footer__list {
	list-style: none;
	padding-left: 0;
	margin-block: 0.6rem 0;
}
.ktf77-footer__list li {
	margin-block: 0.35rem;
}
.ktf77-footer__list a {
	text-decoration: none;
}
.ktf77-footer__list a:hover {
	text-decoration: underline;
}

/* Noch nicht gebaute Formulare als Baustelle kennzeichnen, damit sie beim
   Abnahme-Durchgang nicht übersehen werden. */
.ktf77-formular-platzhalter {
	border: 1px dashed var(--wp--preset--color--primary);
	border-radius: 3px;
	padding: 1rem 1.2rem;
	color: var(--wp--preset--color--slate);
	background: var(--wp--preset--color--mist);
}