
/* NOIO – globaler "Nach oben"-Button */
.noio-back-to-top{
	position:fixed;
	right:22px;
	bottom:22px;
	z-index:11950;
	display:inline-flex;
	align-items:center;
	gap:7px;
	min-height:42px;
	padding:9px 12px;
	border:1px solid rgba(95,238,255,.24);
	border-radius:999px;
	background:rgba(4,17,27,.92);
	color:#dffaff;
	font:800 .72rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	letter-spacing:.02em;
	text-decoration:none;
	box-shadow:0 8px 24px rgba(0,0,0,.24);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
	opacity:0;
	visibility:hidden;
	transform:translateY(10px);
	pointer-events:none;
	transition:
		opacity .18s ease,
		transform .18s ease,
		background .18s ease,
		border-color .18s ease;
}

.noio-back-to-top.is-visible{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	pointer-events:auto;
}

.noio-back-to-top:hover{
	background:rgba(8,34,50,.98);
	border-color:rgba(95,238,255,.48);
}

.noio-back-to-top:focus-visible{
	outline:2px solid #f8e44e;
	outline-offset:3px;
}

.noio-back-to-top__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:18px;
	height:18px;
	font-size:1rem;
	line-height:1;
}

body.admin-bar .noio-back-to-top{
	bottom:24px;
}

@media(max-width:700px){
	.noio-back-to-top{
		right:14px;
		bottom:14px;
		width:42px;
		height:42px;
		min-height:42px;
		padding:0;
		justify-content:center;
		border-radius:50%;
	}
	.noio-back-to-top__label{
		position:absolute;
		width:1px;
		height:1px;
		padding:0;
		margin:-1px;
		overflow:hidden;
		clip:rect(0,0,0,0);
		white-space:nowrap;
		border:0;
	}
}

@media(prefers-reduced-motion:reduce){
	.noio-back-to-top{
		transition:none;
	}
}
