body>header.site-head>div.inner>svg.kuerbis {
	flex: none;
	width: auto;
	height: 1.9rem;
	margin-right: calc(var(--space-m) * -1 - .3rem);
	transform-box: fill-box;
	transform-origin: bottom center;
}

svg.kuerbis>path.leib {
	fill: var(--color-accent);
}

svg.kuerbis>path.rippe {
	fill: none;
	stroke: hsl(22 90% 38% / .45);
	stroke-width: 1.2;
	stroke-linecap: round;
}

svg.kuerbis>path.stiel {
	fill: hsl(96 26% 34%);
}

svg.kuerbis>g.licht>path {
	fill: var(--color-signal);
}

body>div.spuk {
	position: fixed;
	inset: 0;
	z-index: 9;
	pointer-events: none;
	overflow: hidden;
}

body>div.spuk>svg.netz {
	position: absolute;
	bottom: 0;
	left: 0;
	width: clamp(9rem, 19.5vw, 15rem);
	height: auto;
	opacity: .55;
}

svg.netz>path {
	fill: none;
	stroke: var(--color-text-muted);
	stroke-width: 1;
	stroke-linecap: round;
	vector-effect: non-scaling-stroke;
}

body>div.spuk>svg.spinne {
	position: absolute;
	top: 0;
	right: clamp(1rem, 4vw, 4rem);
	width: 2.6rem;
	height: auto;
}

@media (max-width: 64rem) {
	body>div.spuk>svg.spinne {
		display: none;
	}
}

svg.spinne>path.faden {
	fill: none;
	stroke: var(--color-line-strong);
	stroke-width: 1;
	vector-effect: non-scaling-stroke;
}

svg.spinne>g.koerper>ellipse,
svg.spinne>g.koerper>circle {
	fill: var(--color-text);
}

svg.spinne>g.koerper>path {
	fill: none;
	stroke: var(--color-text);
	stroke-width: 2.2;
	stroke-linecap: round;
}

svg.spinne>g.koerper>circle.auge {
	fill: var(--color-signal);
}

@keyframes kerzenlicht {

	0%,
	100% {
		opacity: 1;
	}

	14% {
		opacity: .58;
	}

	22% {
		opacity: .95;
	}

	46% {
		opacity: .66;
	}

	58% {
		opacity: 1;
	}

	77% {
		opacity: .74;
	}
}

@keyframes abseilen {

	0%,
	8% {
		translate: 0 -6.5rem;
	}

	38%,
	62% {
		translate: 0 0;
	}

	92%,
	100% {
		translate: 0 -6.5rem;
	}
}

@keyframes wiegen {
	from {
		rotate: -3deg;
	}

	to {
		rotate: 3deg;
	}
}

@media (prefers-reduced-motion: no-preference) {
	body>header.site-head>div.inner>svg.kuerbis {
		animation: wiegen 4.6s ease-in-out infinite alternate;
	}

	svg.kuerbis>g.licht {
		animation: kerzenlicht 3.4s ease-in-out infinite;
	}

	body>div.spuk>svg.spinne {
		animation: abseilen 14s ease-in-out infinite;
	}
}
