/* Sticky Jubiläums-Logo – immer im DOM, unabhängig vom Intro-Overlay */
.jub80-sticky {
	position: fixed;
	left: calc(12px + env(safe-area-inset-left, 0px));
	bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	z-index: 10050;
	width: 92px;
	text-decoration: none;
	filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.35));
	transition: filter 0.25s ease, opacity 0.35s ease, transform 0.35s ease;
}

.jub80-sticky--hidden {
	opacity: 0;
	pointer-events: none;
	transform: translateY(12px) scale(0.85);
}

.jub80-sticky:hover,
.jub80-sticky:focus-visible {
	filter: drop-shadow(0 0 14px rgba(255, 210, 90, 0.65)) drop-shadow(0 4px 16px rgba(0, 0, 0, 0.35));
}

.jub80-sticky img {
	display: block;
	width: 100%;
	height: auto;
}

.jub80-overlay {
	position: fixed;
	inset: 0;
	z-index: 10060;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
	background: rgba(8, 8, 10, 0.72);
	opacity: 0;
	transition: opacity 0.55s ease, background 0.55s ease;
}

.jub80-overlay.is-visible {
	opacity: 1;
}

.jub80-overlay.is-backdrop-out {
	background: transparent;
	pointer-events: none;
}

.jub80-canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.jub80-hero {
	position: relative;
	z-index: 10061;
	width: min(92vw, 520px);
	max-width: 520px;
	text-decoration: none;
	filter: drop-shadow(0 12px 40px rgba(0, 0, 0, 0.45));
	transform: scale(0.35);
	opacity: 0;
	transition:
		transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.45s ease;
	pointer-events: none;
}

.jub80-hero.is-in {
	opacity: 1;
	transform: scale(1);
}

.jub80-hero img {
	display: block;
	width: 100%;
	height: auto;
}

.jub80-skip {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 10062;
	font: inherit;
	font-size: 13px;
	color: #fff;
	background: rgba(0, 0, 0, 0.45);
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 999px;
	padding: 8px 14px;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.25s ease;
}

.jub80-overlay.is-visible .jub80-skip {
	opacity: 1;
}

.jub80-skip:hover {
	background: rgba(0, 0, 0, 0.65);
}

@media (max-width: 520px) {
	.jub80-sticky {
		width: 76px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jub80-overlay,
	.jub80-hero,
	.jub80-sticky {
		transition-duration: 0.2s;
	}
}