/* Anruf- und WhatsApp-Leiste, Gurtband-Stil aus Entwurf B. Nur unter 768 px. Signalrot nur fuer die Handlungen. */
.rmh-kontaktleiste { display: none; }

@media (max-width: 767.98px) {
	:root { --rmh-leiste-h: calc(60px + env(safe-area-inset-bottom, 0px)); }
	body.rmh-hat-leiste { padding-bottom: var(--rmh-leiste-h); }
	.rmh-kontaktleiste {
		display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990;
		height: var(--rmh-leiste-h); box-sizing: border-box; padding-bottom: env(safe-area-inset-bottom, 0px);
		gap: 2px; background: #1c2125;
		box-shadow: 0 -4px 16px rgb(8 10 12 / 0.45);
	}
	.rmh-kl__knopf {
		flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 10px;
		min-height: 60px; box-sizing: border-box; padding: 0 8px;
		background-color: #c9241d;
		background-image: repeating-linear-gradient(180deg, rgb(255 255 255 / 0.07) 0 1px, transparent 1px 4px);
		color: #fff; font-family: "IBM Plex Sans", "Segoe UI", sans-serif; font-weight: 700; font-size: 1.1rem; line-height: 1;
		text-decoration: none; -webkit-tap-highlight-color: transparent;
		transition: transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.rmh-kl__knopf:hover, .rmh-kl__knopf:focus { color: #fff; text-decoration: none; }
	.rmh-kl__knopf:active { transform: scale(0.98); }
	.rmh-kl__knopf:focus-visible { outline: 2px solid #f2b544; outline-offset: -4px; }
	.rmh-kl__symbol { flex: none; }
}
@media (prefers-reduced-motion: reduce) {
	.rmh-kl__knopf { transition: none; }
}