/* W11 · Badge-Leiste */
.suritec.suritec-badges {
	position: fixed;
	right: 16px;
	top: 50%;
	z-index: 40;
	display: flex;
	flex-direction: column;
	gap: 10px;
	transform: translate(calc((1 - min(var(--rail, 0), 1)) * 180px), -50%);
	opacity: min(var(--rail, 0), 1);
	transition: transform .5s var(--suritec-ease), opacity .4s ease;
}

@media (max-width: 959px) {
	.suritec.suritec-badges:not(.suritec-is-static) {
		display: none;
	}
}

/* Elementor-Editor: im Fluss anzeigen. */
.suritec.suritec-badges.suritec-is-static {
	position: relative;
	right: auto;
	top: auto;
	transform: none;
	opacity: 1;
	align-items: flex-end;
	padding: 16px;
}

.suritec .suritec-badge {
	width: 128px;
	padding: 12px 14px;
	border-radius: 16px;
	background: color-mix(in srgb, var(--suritec-card-2) 82%, transparent);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border: 1px solid rgba(255, 255, 255, .1);
	display: flex;
	flex-direction: column;
	gap: 3px;
	color: var(--suritec-text);
	text-decoration: none;
	transition: transform .2s ease;
}

.suritec a.suritec-badge:hover,
.suritec a.suritec-badge:focus-visible {
	transform: translateX(-4px);
	color: var(--suritec-text);
}

.suritec-badge__eyebrow {
	font-family: var(--suritec-font-mono);
	font-size: 9px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--suritec-primary);
}

.suritec-badge__title {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -.01em;
	line-height: 1.15;
}

.suritec .suritec-badge--solid {
	background: var(--badge-bg, var(--suritec-axa));
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	color: #fff;
}

.suritec a.suritec-badge--solid:hover,
.suritec a.suritec-badge--solid:focus-visible {
	color: #fff;
}

.suritec-badge--solid .suritec-badge__eyebrow {
	color: rgba(255, 255, 255, .75);
}

.suritec-badge--solid .suritec-badge__title {
	color: #fff;
}