/*
 * "ISO-zertifiziert" tab (a.fixed-pdf-button from the footer layout):
 * the 50x160px bar on the right edge covers text on phones, so show it
 * as a round badge in the bottom-right corner instead.
 */
@media only screen and (max-width: 640px) {
	a.fixed-pdf-button {
		top: auto;
		bottom: calc(16px + env(safe-area-inset-bottom, 0px));
		right: 16px;
		width: 54px;
		height: 54px;
		padding: 0;
		border-radius: 50%;
		border: 2px solid #5ac8fa;
		box-sizing: border-box;
		transform: none;
		writing-mode: horizontal-tb;
		box-shadow: 0 6px 16px rgba(21, 47, 74, 0.3);
	}

	a.fixed-pdf-button:hover {
		transform: none;
	}

	/* keep the text for screen readers, show "ISO" + check mark */
	a.fixed-pdf-button span {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	a.fixed-pdf-button::before {
		content: "ISO";
		color: #fff;
		font-size: 13px;
		font-weight: 800;
		letter-spacing: 0.04em;
		line-height: 1;
	}

	a.fixed-pdf-button::after {
		content: "✓";
		position: absolute;
		top: -4px;
		right: -4px;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #5ac8fa;
		color: #152f4a;
		font-size: 12px;
		font-weight: 800;
		line-height: 20px;
		text-align: center;
	}
}