/* Herbst – Farben und Bilder. Gemeinsame Regeln stehen in base.css. */

body.season-herbst {
	--s-bg: #fbf3e4;
	--s-bg-2: #f5e6cc;
	--s-card: #fffaf0;
	--s-focus: #f0dcb8;
	--s-text: #4a3426;
	--s-muted: #7d6650;
	--s-heading: #b5481a;
	--s-link: #b5481a;
	--s-link-hover: #5f6f14;
	--s-accent: #c8561e;
	--s-accent-hover: #7a3410;
	--s-btn-text: #fff;
	--s-btn-hover-text: #fff;
	--s-line: rgba(181, 72, 26, 0.3);
	--s-head: #4a2c1a;
	--s-head-sticky: rgba(74, 44, 26, 0.92);
	--s-head-text: #f6e7d0;
	--s-head-muted: #d9c3a5;
	--s-nav-hover: #ffb454;
	--s-title: #ffcf8a;
	--s-title-shadow: 0 2px 0 rgba(0, 0, 0, 0.5), 0 0 12px rgba(232, 115, 26, 0.5);
	--s-photo-glow: 0 0 20px rgba(200, 86, 30, 0.5);
	--s-foot-link: #ffb454;
	--s-foot-link-hover: #fff;
	--s-header-art: url("../images/herbst/header.svg");
	--s-footer-art: url("../images/herbst/footer.svg");
	--s-title-icon: url("../images/herbst/leaf.svg");
	--s-404-art: url("../images/herbst/hedgehog.svg");
}

/* ---------- Fallendes Laub, Pilz, Igel ---------- */
body.season-herbst .season-fx .fx {
	top: -50px;
	width: 28px;
	height: 28px;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}
body.season-herbst .season-fx .fx-leaf {
	background-image: url("../images/herbst/leaf.svg");
	opacity: 0.92;
	animation: herbst-fall 16s linear infinite;
}
body.season-herbst .season-fx .fx-1 { left: 6%;  width: 26px; height: 26px; animation-duration: 17s; animation-delay: 0s; }
body.season-herbst .season-fx .fx-2 { left: 22%; width: 34px; height: 34px; animation-duration: 21s; animation-delay: -7s; filter: hue-rotate(-18deg) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)); }
body.season-herbst .season-fx .fx-3 { left: 39%; width: 24px; height: 24px; animation-duration: 15s; animation-delay: -4s; filter: hue-rotate(28deg) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)); }
body.season-herbst .season-fx .fx-4 { left: 57%; width: 32px; height: 32px; animation-duration: 20s; animation-delay: -12s; }
body.season-herbst .season-fx .fx-5 { left: 73%; width: 28px; height: 28px; animation-duration: 18s; animation-delay: -9s; filter: hue-rotate(-30deg) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)); }
body.season-herbst .season-fx .fx-6 { left: 90%; width: 30px; height: 30px; animation-duration: 23s; animation-delay: -16s; filter: hue-rotate(22deg) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)); }
body.season-herbst .season-fx .fx-mushroom { /* unten links */
	top: auto;
	bottom: 8px;
	left: 14px;
	width: 44px;
	height: 44px;
	background-image: url("../images/herbst/mushroom.svg");
}
body.season-herbst .season-fx .fx-hedgehog { /* läuft unten langsam hin und her */
	top: auto;
	bottom: 8px;
	left: 0;
	width: 64px;
	height: 44px;
	background-image: url("../images/herbst/hedgehog.svg");
	animation: herbst-walk 60s ease-in-out infinite;
}

@keyframes herbst-fall {
	0%   { transform: translate(0, 0) rotate(0deg); }
	25%  { transform: translate(40px, 28vh) rotate(120deg); }
	50%  { transform: translate(-30px, 58vh) rotate(-60deg); }
	75%  { transform: translate(36px, 86vh) rotate(150deg); }
	100% { transform: translate(0, 112vh) rotate(20deg); }
}
@keyframes herbst-walk {
	0%, 100% { transform: translateX(8vw) scaleX(1); }
	48%      { transform: translateX(80vw) scaleX(1); }
	50%      { transform: translateX(80vw) scaleX(-1); }
	98%      { transform: translateX(8vw) scaleX(-1); }
}

@media (prefers-reduced-motion: reduce) {
	body.season-herbst .season-fx .fx-leaf {
		display: none;
	}
	body.season-herbst .season-fx .fx {
		animation: none;
	}
}
@media (max-width: 767px) {
	body.season-herbst .season-fx .fx-2,
	body.season-herbst .season-fx .fx-4,
	body.season-herbst .season-fx .fx-6,
	body.season-herbst .season-fx .fx-hedgehog {
		display: none;
	}
}