Spaces:

aidn
/

beekeeping

Running

App Files Files Community

beekeeping / index.html

aidn

Update index.html

b9ce1fc verified 3 days ago

raw

history blame contribute delete

85 kB

	<!DOCTYPE html>
	<html lang="de">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Automatisierte Bienenzucht 2026 – Stand der Technik für Privatanwender</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
	<style>
	:root {
	--bg: #0a0a0f;
	--bg-card: rgba(255,255,255,0.03);
	--bg-card-hover: rgba(255,255,255,0.06);
	--text: #e8e6e3;
	--text-muted: #8a8a8a;
	--text-dim: #5a5a5a;
	--amber: #f59e0b;
	--amber-light: #fbbf24;
	--amber-glow: rgba(245,158,11,0.15);
	--green: #22c55e;
	--blue: #3b82f6;
	--purple: #8b5cf6;
	--red: #ef4444;
	--honey: #ffd166;
	--wax: #ffb703;
	--propolis: #6b2f13;
	--cyan: #22d3ee;
	--border: rgba(255,255,255,0.06);
	--border-hover: rgba(255,255,255,0.12);
	--glass: rgba(18,18,24,0.58);
	--shadow-amber: 0 24px 80px rgba(245,158,11,0.16);
	--radius: 16px;
	--radius-sm: 10px;
	--mono: 'JetBrains Mono', monospace;
	}

	, ::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
	html { scroll-behavior: smooth; font-size: 16px; }
	body {
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	background:
	radial-gradient(circle at 18% -10%, rgba(245,158,11,0.18), transparent 34rem),
	radial-gradient(circle at 85% 12%, rgba(34,211,238,0.10), transparent 28rem),
	radial-gradient(circle at 50% 110%, rgba(107,47,19,0.28), transparent 38rem),
	var(--bg);
	color: var(--text);
	line-height: 1.7;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	}

	::selection { background: var(--amber); color: var(--bg); }

	/* ─── Ambient Background ─── */
	.ambient {
	position: fixed; inset: 0; z-index: 0; pointer-events: none;
	overflow: hidden;
	}
	.ambient .orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(120px);
	opacity: 0.08;
	animation: float 20s ease-in-out infinite;
	}
	.ambient .orb:nth-child(1) {
	width: 600px; height: 600px;
	background: var(--amber);
	top: -200px; left: -100px;
	animation-delay: 0s;
	}
	.ambient .orb:nth-child(2) {
	width: 500px; height: 500px;
	background: var(--purple);
	bottom: -200px; right: -100px;
	animation-delay: -7s;
	animation-duration: 25s;
	}
	.ambient .orb:nth-child(3) {
	width: 400px; height: 400px;
	background: var(--blue);
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	animation-delay: -14s;
	animation-duration: 30s;
	}
	@keyframes float {
	0%, 100% { transform: translate(0, 0) scale(1); }
	25% { transform: translate(30px, -40px) scale(1.05); }
	50% { transform: translate(-20px, 20px) scale(0.95); }
	75% { transform: translate(40px, 30px) scale(1.02); }
	}

	/* ─── Noise Texture ─── */
	.noise {
	position: fixed; inset: 0; z-index: 0; pointer-events: none;
	opacity: 0.03;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	background-size: 128px;
	}

	/* ─── Subtle Honeycomb / Waben-Look ─── */
	.honeycomb-bg {
	position: fixed; inset: -10vh -10vw; z-index: 0; pointer-events: none;
	opacity: 0.18;
	background-image: url("data:image/svg+xml,%3Csvg width='112' height='96' viewBox='0 0 112 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f59e0b' stroke-opacity='.42' stroke-width='1'%3E%3Cpath d='M28 1 55 16v31L28 63 1 47V16z'/%3E%3Cpath d='M84 1l27 15v31L84 63 57 47V16z'/%3E%3Cpath d='M56 48l27 16v31L56 111 29 95V64z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 112px 96px;
	mask-image: radial-gradient(circle at 50% 10%, black 0%, transparent 62%);
	animation: honey-drift 42s linear infinite;
	}
	@keyframes honey-drift { to { transform: translate3d(-56px, -48px, 0); } }

	.cursor-glow {
	position: fixed; left: 0; top: 0; z-index: 0; pointer-events: none;
	width: 420px; height: 420px; border-radius: 50%;
	background: radial-gradient(circle, rgba(245,158,11,0.13), rgba(245,158,11,0.045) 38%, transparent 68%);
	filter: blur(10px);
	opacity: 0;
	transform: translate3d(-50%, -50%, 0);
	transition: opacity 0.35s ease;
	}
	.bee-swarm { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
	.bee-swarm span {
	position: absolute; left: var(--x); top: var(--y);
	font-size: var(--s); opacity: 0.18;
	filter: blur(0.1px) drop-shadow(0 0 12px rgba(245,158,11,0.45));
	animation: bee-flight var(--d) ease-in-out infinite;
	animation-delay: var(--delay);
	}
	@keyframes bee-flight {
	0%, 100% { transform: translate3d(0,0,0) rotate(-8deg); }
	35% { transform: translate3d(36px,-24px,0) rotate(10deg); }
	70% { transform: translate3d(-18px,18px,0) rotate(-16deg); }
	}

	/* ─── Navigation ─── */
	.nav {
	position: fixed; top: 0; left: 0; right: 0; z-index: 100;
	padding: 0 2rem;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.nav.scrolled {
	background: linear-gradient(180deg, rgba(10,10,15,0.9), rgba(10,10,15,0.72));
	backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%);
	border-bottom: 1px solid rgba(245,158,11,0.13);
	box-shadow: 0 18px 60px rgba(0,0,0,0.22);
	}
	.nav-inner {
	max-width: 1200px; margin: 0 auto;
	display: flex; align-items: center; justify-content: space-between;
	height: 64px;
	}
	.nav-brand {
	display: flex; align-items: center; gap: 0.5rem;
	font-weight: 700; font-size: 0.9rem; color: var(--text);
	text-decoration: none;
	}
	.nav-brand span { opacity: 0.4; font-weight: 400; }
	.nav-links {
	display: flex; gap: 0.25rem;
	list-style: none;
	}
	.nav-links a {
	display: block; padding: 0.5rem 0.85rem;
	font-size: 0.8rem; font-weight: 500;
	color: var(--text-muted);
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.2s;
	}
	.nav-links a:hover { color: var(--text); background: rgba(255,255,255,0.05); }
	.nav-links a.active { color: var(--amber); }

	@media (max-width: 768px) {
	.nav-links { display: none; }
	}

	/* ─── Container ─── */
	.container {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 1.5rem;
	position: relative;
	z-index: 1;
	}

	/* ─── Links ─── */
	a { color: var(--amber); text-decoration: none; transition: all 0.2s; }
	a:hover { color: var(--amber-light); }

	/* ─── Hero ─── */
	.hero {
	min-height: 100vh;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	text-align: center;
	padding: 7rem 1.5rem 4rem;
	position: relative; z-index: 1;
	isolation: isolate;
	}
	.hero::before {
	content: '';
	position: absolute;
	width: min(72vw, 820px); aspect-ratio: 1;
	top: 50%; left: 50%; transform: translate(-50%, -52%);
	background:
	radial-gradient(circle, rgba(245,158,11,0.18), transparent 42%),
	conic-gradient(from 30deg, transparent 0 8%, rgba(245,158,11,0.18) 8% 10%, transparent 10% 24%, rgba(245,158,11,0.12) 24% 26%, transparent 26% 100%);
	clip-path: polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);
	opacity: 0.55;
	filter: blur(0.2px);
	z-index: -1;
	animation: hero-cell 18s ease-in-out infinite;
	}
	@keyframes hero-cell {
	0%, 100% { transform: translate(-50%, -52%) rotate(0deg) scale(1); opacity: 0.48; }
	50% { transform: translate(-50%, -52%) rotate(6deg) scale(1.04); opacity: 0.7; }
	}
	.hero-kicker {
	display: inline-flex; align-items: center; gap: 0.6rem;
	margin: -0.8rem 0 1.6rem;
	color: rgba(255,209,102,0.88);
	font-size: 0.78rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
	}
	.hero-kicker::before, .hero-kicker::after {
	content: ''; width: 42px; height: 1px;
	background: linear-gradient(90deg, transparent, rgba(245,158,11,0.65));
	}
	.hero-kicker::after { background: linear-gradient(90deg, rgba(245,158,11,0.65), transparent); }
	.hero-badge {
	display: inline-flex; align-items: center; gap: 0.5rem;
	padding: 0.42rem 1rem;
	background: linear-gradient(135deg, rgba(245,158,11,0.18), rgba(255,255,255,0.035));
	border: 1px solid rgba(245, 158, 11, 0.28);
	border-radius: 100px;
	font-size: 0.75rem; font-weight: 700;
	color: var(--honey);
	margin-bottom: 2rem;
	letter-spacing: 0.02em;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.03) inset, 0 18px 50px rgba(245,158,11,0.12);
	}
	.hero-badge .dot {
	width: 6px; height: 6px;
	background: var(--amber);
	border-radius: 50%;
	animation: pulse-dot 2s ease-in-out infinite;
	}
	@keyframes pulse-dot {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.4; transform: scale(0.8); }
	}
	.hero h1 {
	font-size: clamp(2.5rem, 6vw, 4.5rem);
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: -0.03em;
	margin-bottom: 1.5rem;
	max-width: 800px;
	}
	.hero h1 .gradient {
	background: linear-gradient(135deg, #fff8d6 0%, var(--honey) 24%, var(--amber) 56%, #b45309 100%);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(0 0 28px rgba(245,158,11,0.22));
	}
	.hero .subtitle {
	font-size: 1.15rem;
	color: #bdb7ad;
	max-width: 670px;
	line-height: 1.8;
	margin-bottom: 2.5rem;
	text-wrap: balance;
	}
	.hero-actions {
	display: flex; gap: 0.8rem; flex-wrap: wrap; justify-content: center;
	margin: -0.4rem 0 2.8rem;
	}
	.btn {
	display: inline-flex; align-items: center; gap: 0.55rem;
	padding: 0.78rem 1.05rem;
	border-radius: 999px;
	font-size: 0.82rem; font-weight: 800;
	text-decoration: none;
	transition: transform 0.25s, border-color 0.25s, background 0.25s, box-shadow 0.25s;
	}
	.btn.primary {
	color: #1b1207;
	background: linear-gradient(135deg, #ffe08a, #f59e0b 56%, #d97706);
	box-shadow: 0 16px 50px rgba(245,158,11,0.24);
	}
	.btn.ghost {
	color: var(--text);
	background: rgba(255,255,255,0.045);
	border: 1px solid rgba(255,255,255,0.10);
	}
	.btn:hover { transform: translateY(-2px); color: inherit; }
	.btn.primary:hover { box-shadow: 0 20px 70px rgba(245,158,11,0.34); }
	.btn.ghost:hover { background: rgba(255,255,255,0.075); border-color: rgba(245,158,11,0.24); }
	.hero-stats {
	display: flex; gap: 3rem; flex-wrap: wrap; justify-content: center;
	margin-bottom: 3rem;
	}
	.hero-stat {
	text-align: center;
	min-width: 128px;
	padding: 0.95rem 1rem;
	border: 1px solid rgba(255,255,255,0.07);
	background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018));
	border-radius: 18px;
	backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
	box-shadow: 0 18px 60px rgba(0,0,0,0.18);
	position: relative;
	overflow: hidden;
	}
	.hero-stat::before {
	content: ''; position: absolute; inset: 0;
	background: linear-gradient(120deg, transparent, rgba(255,209,102,0.12), transparent);
	transform: translateX(-120%);
	animation: stat-shine 6s ease-in-out infinite;
	}
	@keyframes stat-shine { 45%, 100% { transform: translateX(120%); } }
	.hero-stat .num {
	font-size: 2rem; font-weight: 800;
	font-family: var(--mono);
	color: var(--text);
	}
	.hero-stat .label {
	font-size: 0.72rem;
	color: var(--text-dim);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-top: 0.2rem;
	}
	.hero-scroll {
	position: absolute; bottom: 2rem;
	display: flex; flex-direction: column; align-items: center; gap: 0.5rem;
	color: var(--text-dim); font-size: 0.7rem;
	letter-spacing: 0.1em; text-transform: uppercase;
	animation: bob 2s ease-in-out infinite;
	}
	.hero-scroll .arrow {
	width: 20px; height: 20px;
	border-right: 2px solid var(--text-dim);
	border-bottom: 2px solid var(--text-dim);
	transform: rotate(45deg);
	}
	@keyframes bob {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(8px); }
	}

	/* ─── Section ─── */
	.section {
	padding: 6rem 0;
	position: relative; z-index: 1;
	}
	.section + .section {
	border-top: 1px solid var(--border);
	}
	.section::before {
	content: '';
	position: absolute; left: 50%; top: 0;
	width: min(92vw, 1120px); height: 1px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, transparent, rgba(245,158,11,0.22), transparent);
	opacity: 0.75;
	}

	.section-label {
	display: inline-flex; align-items: center; gap: 0.5rem;
	font-size: 0.7rem; font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--text-dim);
	margin-bottom: 1rem;
	}
	.section-label .icon {
	width: 18px; height: 18px;
	border-radius: 4px;
	display: flex; align-items: center; justify-content: center;
	font-size: 0.65rem;
	}
	.section-title {
	font-size: clamp(1.8rem, 3.5vw, 2.5rem);
	font-weight: 900;
	letter-spacing: -0.035em;
	margin-bottom: 0.75rem;
	line-height: 1.2;
	text-wrap: balance;
	}
	.section-desc {
	font-size: 1rem;
	color: var(--text-muted);
	max-width: 650px;
	margin-bottom: 3rem;
	line-height: 1.8;
	}

	/* ─── Reveal Animation ─── */
	.reveal {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),
	transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.reveal.visible {
	opacity: 1;
	transform: translateY(0);
	}
	.reveal-delay-1 { transition-delay: 0.1s; }
	.reveal-delay-2 { transition-delay: 0.2s; }
	.reveal-delay-3 { transition-delay: 0.3s; }

	/* ─── Executive Summary ─── */
	.summary-card {
	background:
	linear-gradient(135deg, rgba(245,158,11,0.12) 0%, rgba(255,255,255,0.035) 52%, rgba(34,211,238,0.045) 100%);
	border: 1px solid rgba(245,158,11,0.22);
	border-radius: 24px;
	padding: 2rem 2.5rem;
	margin-bottom: 4rem;
	position: relative;
	overflow: hidden;
	box-shadow: var(--shadow-amber), 0 0 0 1px rgba(255,255,255,0.035) inset;
	backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
	}
	.summary-card::after {
	content: '';
	position: absolute; inset: -40%;
	background-image: url("data:image/svg+xml,%3Csvg width='84' height='72' viewBox='0 0 84 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 1 41 12v24L21 48 1 36V12zM63 1l20 11v24L63 48 43 36V12zM42 36l20 12v24L42 84 22 72V48z' fill='none' stroke='%23ffd166' stroke-opacity='.28'/%3E%3C/svg%3E");
	opacity: 0.24;
	transform: rotate(-8deg);
	pointer-events: none;
	}
	.summary-card::before {
	content: '';
	position: absolute; top: 0; left: 0;
	width: 3px; height: 100%;
	background: linear-gradient(180deg, var(--amber), transparent);
	}
	.summary-card p {
	font-size: 0.92rem;
	color: #c0b8a8;
	line-height: 1.85;
	position: relative;
	z-index: 1;
	}
	.summary-card strong { color: var(--amber-light); }

	/* ─── Sleek Overview Strips (Reduziertes Design) ─── */
	.overview-strip {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 4rem;
	}
	.strip-card {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	padding: 1.2rem 1.5rem;
	background: linear-gradient(90deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 16px;
	text-decoration: none;
	color: inherit;
	position: relative;
	overflow: hidden;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
	}

	/* Farbiger Leuchteffekt am linken Rand */
	.strip-card::before {
	content: '';
	position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
	background: var(--strip-color);
	box-shadow: 0 0 20px var(--strip-color);
	opacity: 0.5;
	transition: opacity 0.3s, width 0.3s;
	}

	.strip-card:hover {
	background: linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
	border-color: rgba(255,255,255,0.12);
	transform: translateX(6px);
	box-shadow: -10px 10px 30px rgba(0,0,0,0.15);
	}
	.strip-card:hover::before {
	opacity: 1;
	width: 6px;
	}

	.strip-num {
	font-family: var(--mono);
	font-size: 1.2rem;
	font-weight: 800;
	color: var(--strip-color);
	opacity: 0.8;
	flex-shrink: 0;
	}

	.strip-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	}
	.strip-content h3 {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0;
	color: var(--text);
	letter-spacing: -0.01em;
	}
	.strip-content p {
	font-size: 0.8rem;
	color: var(--text-muted);
	margin: 0;
	line-height: 1.5;
	}

	.strip-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.3rem;
	}
	.strip-tags .tag {
	font-size: 0.65rem;
	font-weight: 600;
	padding: 0.2rem 0.6rem;
	border-radius: 100px;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.08);
	color: var(--text-dim);
	transition: color 0.3s, border-color 0.3s;
	}
	.strip-card:hover .strip-tags .tag {
	color: var(--text-muted);
	border-color: rgba(255,255,255,0.15);
	}

	.strip-cta {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--strip-color);
	padding: 0.6rem 1.2rem;
	background: rgba(255,255,255,0.03);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 8px;
	transition: all 0.3s;
	white-space: nowrap;
	}
	.strip-cta .arrow {
	transition: transform 0.3s;
	}
	.strip-card:hover .strip-cta {
	background: var(--strip-color);
	color: #0a0a0f;
	border-color: transparent;
	box-shadow: 0 4px 15px rgba(0,0,0,0.2);
	}
	.strip-card:hover .strip-cta .arrow {
	transform: translateX(4px);
	}

	/* Akzentfarben für die 3 Reihen */
	.card-blue { --strip-color: #7fb0ff; }
	.card-amber { --strip-color: #ffd166; }
	.card-purple { --strip-color: #b79cff; }

	/* Mobile Optimierung für die Strips */
	@media (max-width: 768px) {
	.strip-card {
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	padding: 1.25rem;
	}
	.strip-num { display: none; }
	.strip-cta { width: 100%; justify-content: space-between; margin-top: 0.5rem; }
	}


	/* ─── Automatisierbarkeits-Grid ─── */
	.auto-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem;
	margin: 2rem 0;
	}
	.auto-item {
	background: linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018));
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 18px;
	padding: 1.25rem;
	text-align: center;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	}
	.auto-item::before {
	content: '';
	position: absolute; inset: auto 18% -42px;
	height: 70px;
	background: radial-gradient(ellipse, rgba(245,158,11,0.20), transparent 70%);
	opacity: 0; transition: opacity 0.3s;
	}
	.auto-item:hover {
	border-color: rgba(245,158,11,0.24);
	background: var(--bg-card-hover);
	transform: translateY(-4px);
	}
	.auto-item:hover::before { opacity: 1; }
	.auto-item .emoji { font-size: 1.6rem; margin-bottom: 0.5rem; }
	.auto-item .name { font-size: 0.82rem; font-weight: 600; margin-bottom: 0.25rem; }
	.auto-item .detail { font-size: 0.72rem; color: var(--text-muted); }
	.auto-item .prices {
	display: flex; justify-content: center; gap: 0.75rem;
	margin-top: 0.6rem;
	font-size: 0.72rem;
	}
	.auto-item .prices .tag {
	padding: 0.15rem 0.5rem;
	border-radius: 6px;
	font-weight: 500;
	font-family: var(--mono);
	font-size: 0.7rem;
	}
	.auto-item .prices .comm { background: rgba(59,130,246,0.1); color: var(--blue); }
	.auto-item .prices .diy { background: rgba(34,197,94,0.1); color: var(--green); }

	/* ─── Tables ─── */
	.tbl-wrap {
	overflow-x: auto;
	margin: 1.5rem 0;
	border: 1px solid rgba(255,255,255,0.075);
	border-radius: 18px;
	background: rgba(255,255,255,0.018);
	box-shadow: 0 18px 60px rgba(0,0,0,0.16);
	}
	table {
	width: 100%; border-collapse: collapse;
	font-size: 0.82rem;
	}
	table th {
	text-align: left; padding: 0.82rem 1rem;
	font-weight: 800; font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #d6b46c;
	background: linear-gradient(180deg, rgba(245,158,11,0.09), rgba(255,255,255,0.025));
	border-bottom: 1px solid rgba(245,158,11,0.13);
	white-space: nowrap;
	}
	table td {
	padding: 0.65rem 1rem;
	border-bottom: 1px solid var(--border);
	color: var(--text-muted);
	}
	table tr:last-child td { border-bottom: none; }
	table tr:hover td { background: rgba(245,158,11,0.035); }
	table td strong { color: var(--text); }

	.price { color: var(--green); font-weight: 600; font-family: var(--mono); font-size: 0.8rem; }

	/* ─── Info Boxes ─── */
	.info-box {
	border-radius: 18px;
	padding: 1.25rem 1.5rem;
	margin: 1.5rem 0;
	font-size: 0.85rem;
	line-height: 1.8;
	border: 1px solid;
	position: relative;
	overflow: hidden;
	backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
	}
	.info-box::before {
	content: '';
	position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
	background: currentColor; opacity: 0.55;
	}
	.info-box strong { display: inline; }
	.info-box.highlight {
	background: rgba(245,158,11,0.04);
	border-color: rgba(245,158,11,0.15);
	color: #c8b88a;
	}
	.info-box.highlight strong { color: var(--amber-light); }
	.info-box.success {
	background: rgba(34,197,94,0.04);
	border-color: rgba(34,197,94,0.15);
	color: #a8c8a0;
	}
	.info-box.success strong { color: var(--green); }
	.info-box.warning {
	background: rgba(239,68,68,0.03);
	border-color: rgba(239,68,68,0.12);
	color: #c0a0a0;
	}
	.info-box.warning strong { color: #f87171; }
	.info-box.neutral {
	background: rgba(59,130,246,0.03);
	border-color: rgba(59,130,246,0.12);
	color: #a0b8d0;
	}
	.info-box.neutral strong { color: var(--blue); }

	/* ─── Stat Grid ─── */
	.stat-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 1rem;
	margin: 2rem 0;
	}
	.stat-box {
	background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018));
	border: 1px solid rgba(255,255,255,0.075);
	border-radius: 18px;
	padding: 1.25rem;
	text-align: center;
	transition: all 0.3s;
	}
	.stat-box:hover {
	border-color: rgba(245,158,11,0.24);
	transform: translateY(-3px);
	box-shadow: 0 18px 58px rgba(245,158,11,0.08);
	}
	.stat-box .num {
	font-size: 1.5rem; font-weight: 800;
	font-family: var(--mono);
	color: var(--amber);
	}
	.stat-box .label {
	font-size: 0.68rem;
	color: var(--text-dim);
	margin-top: 0.3rem;
	line-height: 1.4;
	}

	/* ─── Budget Tiers ─── */
	.budget-tier {
	background: linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018));
	border: 1px solid rgba(255,255,255,0.075);
	border-radius: 18px;
	padding: 1.5rem 1.75rem;
	margin: 1rem 0;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	}
	.budget-tier::after {
	content: ''; position: absolute; right: -32px; top: -36px;
	width: 120px; height: 104px;
	clip-path: polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);
	background: rgba(245,158,11,0.08);
	}
	.budget-tier:hover {
	border-color: var(--border-hover);
	background: var(--bg-card-hover);
	}
	.budget-tier .tier {
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.6rem;
	display: flex; align-items: center; gap: 0.5rem;
	}
	.budget-tier .tier .dot {
	width: 8px; height: 8px; border-radius: 50%;
	}
	.budget-tier p {
	font-size: 0.85rem; color: var(--text-muted); line-height: 1.8;
	}
	.budget-tier strong { color: var(--text); }

	/* ─── Tags ─── */
	.tech-tag {
	display: inline-block;
	background: rgba(255,255,255,0.04);
	border: 1px solid var(--border);
	color: var(--text-muted);
	padding: 0.2rem 0.7rem;
	border-radius: 100px;
	font-size: 0.72rem;
	margin: 0.2rem 0.15rem;
	font-weight: 500;
	transition: all 0.2s;
	}
	.tech-tag:hover {
	border-color: var(--border-hover);
	background: rgba(255,255,255,0.06);
	}
	.tech-tag a { color: var(--text-muted); }
	.tech-tag a:hover { color: var(--amber); }

	/* ─── Content Typography ─── */
	.content h4 {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--text);
	margin: 2.5rem 0 0.75rem;
	display: flex; align-items: center; gap: 0.6rem;
	}
	.content h4:first-child { margin-top: 0; }
	.content h4 .h4-icon {
	width: 28px; height: 28px;
	border-radius: 8px;
	display: flex; align-items: center; justify-content: center;
	font-size: 0.85rem;
	background: rgba(255,255,255,0.04);
	border: 1px solid var(--border);
	flex-shrink: 0;
	}
	.content p, .content li {
	font-size: 0.88rem;
	color: var(--text-muted);
	line-height: 1.85;
	}
	.content ul, .content ol {
	padding-left: 1.2rem;
	margin: 0.75rem 0 1.25rem;
	}
	.content li { margin-bottom: 0.4rem; }
	.content li::marker { color: var(--text-dim); }
	.content strong { color: var(--text); font-weight: 600; }
	.content em { color: var(--text-muted); font-style: italic; }

	/* ─── Expandable Sections ─── */
	.expandable { margin: 1.5rem 0; }
	.expand-header {
	display: flex; align-items: center; gap: 0.75rem;
	padding: 1rem 1.25rem;
	background: var(--bg-card);
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	cursor: pointer; user-select: none;
	transition: all 0.3s;
	width: 100%;
	text-align: left;
	color: inherit;
	font: inherit;
	}
	.expand-header:hover {
	border-color: var(--border-hover);
	background: var(--bg-card-hover);
	}
	.expand-header .chevron {
	font-size: 0.75rem;
	color: var(--text-dim);
	transition: transform 0.3s;
	flex-shrink: 0;
	}
	.expand-header.open .chevron { transform: rotate(180deg); }
	.expand-header h5 {
	font-size: 0.9rem; font-weight: 600;
	flex: 1;
	}
	.expand-header .badge {
	font-size: 0.6rem;
	font-weight: 600;
	padding: 0.15rem 0.55rem;
	border-radius: 100px;
	background: rgba(245,158,11,0.1);
	color: var(--amber);
	letter-spacing: 0.03em;
	}
	.expand-body {
	max-height: 0; overflow: hidden;
	transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid transparent;
	border-top: none;
	border-radius: 0 0 var(--radius-sm) var(--radius-sm);
	margin-top: -2px;
	}
	.expand-body.open {
	max-height: 10000px;
	border-color: var(--border);
	background: rgba(255,255,255,0.01);
	}
	.expand-body .inner {
	padding: 1.5rem;
	opacity: 0;
	transition: opacity 0.4s 0.15s;
	}
	.expand-body.open .inner { opacity: 1; }

	/* ─── Recommendation Cards ─── */
	.rec-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1.25rem;
	margin: 2rem 0;
	}
	.rec-card {
	background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018));
	border: 1px solid rgba(255,255,255,0.075);
	border-radius: 18px;
	padding: 1.5rem;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	}
	.rec-card::before {
	content: ''; position: absolute; inset: 0;
	background: radial-gradient(circle at 100% 0, rgba(245,158,11,0.12), transparent 9rem);
	opacity: 0.5;
	pointer-events: none;
	}
	.rec-card:hover {
	border-color: rgba(245,158,11,0.24);
	background: var(--bg-card-hover);
	transform: translateY(-4px);
	}
	.rec-card .rec-type {
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--text-dim);
	margin-bottom: 0.5rem;
	}
	.rec-card h5 {
	font-size: 0.95rem; font-weight: 700;
	margin-bottom: 0.4rem;
	}
	.rec-card .rec-desc {
	font-size: 0.8rem;
	color: var(--text-muted);
	line-height: 1.7;
	}
	.rec-card .rec-price {
	font-family: var(--mono);
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--green);
	margin-top: 0.75rem;
	}

	/* ─── Footer ─── */
	.footer {
	text-align: center;
	padding: 4rem 1.5rem;
	position: relative; z-index: 1;
	border-top: 1px solid rgba(245,158,11,0.12);
	background: linear-gradient(180deg, transparent, rgba(245,158,11,0.035));
	}
	.footer-brand {
	font-size: 0.85rem; font-weight: 700;
	margin-bottom: 0.75rem;
	color: var(--text);
	}
	.footer p {
	font-size: 0.72rem;
	color: var(--text-dim);
	line-height: 1.8;
	max-width: 600px;
	margin: 0 auto;
	}
	.footer-dots {
	display: flex; justify-content: center; gap: 0.5rem;
	margin-bottom: 1.5rem;
	}
	.footer-dots .dot {
	width: 4px; height: 4px;
	border-radius: 50%;
	background: var(--text-dim);
	}

	/* ─── Decision Trail ─── */
	.decision-trail {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.9rem;
	margin: -1.2rem 0 3.4rem;
	}
	.decision-step {
	min-height: 150px;
	padding: 1.2rem;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.075);
	background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018));
	position: relative;
	overflow: hidden;
	}
	.decision-step::after {
	content: '';
	position: absolute; right: -28px; bottom: -34px;
	width: 110px; height: 96px;
	clip-path: polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);
	background: rgba(245,158,11,0.07);
	}
	.decision-step .step-num {
	font-family: var(--mono); font-size: 0.68rem; color: var(--amber);
	margin-bottom: 0.65rem;
	}
	.decision-step h3 { font-size: 0.95rem; line-height: 1.35; margin-bottom: 0.4rem; }
	.decision-step p { font-size: 0.75rem; color: var(--text-muted); line-height: 1.65; }

	@media (max-width: 900px) {
	.decision-trail { grid-template-columns: 1fr 1fr; }
	}

	@media (prefers-reduced-motion: reduce) {
	, ::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
	}

	/* ─── Mobile ─── */
	@media (max-width: 600px) {
	.hero { padding: 5rem 1rem 3rem; min-height: auto; }
	.hero h1 { font-size: 2rem; }
	.hero-kicker { font-size: 0.64rem; }
	.hero-kicker::before, .hero-kicker::after { width: 22px; }
	.hero-actions { margin-bottom: 2rem; }
	.hero-stats { gap: 0.8rem; }
	.hero-stat { min-width: calc(50% - 0.4rem); }
	.decision-trail { grid-template-columns: 1fr; }
	.section { padding: 3rem 0; }
	.summary-card { padding: 1.5rem; }
	.stat-grid { grid-template-columns: 1fr 1fr; }
	.rec-grid { grid-template-columns: 1fr; }
	table { font-size: 0.72rem; }
	table th, table td { padding: 0.5rem 0.6rem; }
	.info-box { padding: 1rem 1.25rem; }
	}
	</style>
	</head>
	<body>

	<div class="ambient">
	<div class="orb"></div>
	<div class="orb"></div>
	<div class="orb"></div>
	</div>
	<div class="noise"></div>
	<div class="honeycomb-bg"></div>
	<div class="cursor-glow" id="cursorGlow" aria-hidden="true"></div>
	<div class="bee-swarm" aria-hidden="true">
	<span style="--x:8%;--y:22%;--s:1.1rem;--d:13s;--delay:-2s">🐝</span>
	<span style="--x:82%;--y:18%;--s:0.9rem;--d:16s;--delay:-7s">🐝</span>
	<span style="--x:72%;--y:66%;--s:1rem;--d:18s;--delay:-11s">🐝</span>
	<span style="--x:16%;--y:74%;--s:0.85rem;--d:15s;--delay:-5s">🐝</span>
	</div>

	<!-- ─── Navigation ─── -->
	<nav class="nav" id="nav">
	<div class="nav-inner">
	<a href="#" class="nav-brand">🐝 Bienenzucht 2026 <span>· feynman.is</span></a>
	<ul class="nav-links">
	<li><a href="#overview">Überblick</a></li>
	<li><a href="#commercial">Kommerziell</a></li>
	<li><a href="#diy">DIY</a></li>
	<li><a href="#research">Forschung</a></li>
	<li><a href="#budget">Budget</a></li>
	</ul>
	</div>
	</nav>

	<!-- ─── Hero ─── -->
	<header class="hero">
	<div class="hero-badge">
	<span class="dot"></span>
	Deep Research Report · Mai 2026
	</div>
	<h1>
	<span class="gradient">Automatisierte<br>Bienenzucht</span> 2026
	</h1>
	<div class="hero-kicker">Smart Hive · Varroa · TinyML · DACH-Markt</div>
	<p class="subtitle">
	Ein visueller Entscheidungs-Atlas für Privatanwender: kommerzielle IoT-Waagen,
	DIY-Sensorik, Hyperthermie gegen Varroa und KI-Forschung — ohne den Realitätscheck zu verlieren.
	</p>
	<div class="hero-actions">
	<a class="btn primary" href="#budget">Empfehlung finden →</a>
	<a class="btn ghost" href="#commercial">Systeme vergleichen</a>
	<a class="btn ghost" href="#diy">DIY-Budget ansehen</a>
	</div>
	<div class="hero-stats">
	<div class="hero-stat">
	<div class="num">135</div>
	<div class="label">Publikationen</div>
	</div>
	<div class="hero-stat">
	<div class="num">15+</div>
	<div class="label">Anbieter</div>
	</div>
	<div class="hero-stat">
	<div class="num">10+</div>
	<div class="label">Open-Source Projekte</div>
	</div>
	<div class="hero-stat">
	<div class="num">35 €</div>
	<div class="label">Einstieg ab</div>
	</div>
	</div>
	<div class="hero-scroll">
	<span>Scroll</span>
	<div class="arrow"></div>
	</div>
	</header>

	<!-- ─── Overview / Executive Summary ─── -->
	<section class="section" id="overview">
	<div class="container">
	<div class="reveal">
	<div class="section-label">
	<span class="icon">📋</span> Überblick
	</div>
	<h2 class="section-title">Die wichtigsten Erkenntnisse</h2>
	<p class="section-desc">
	Die automatisierte Bienenzucht hat seit 2020 einen massiven Entwicklungsschub erfahren —
	ein systematisches Review von Šabić et al. (2025) dokumentiert 135 Publikationen allein
	im Bereich Smart Beehive Technologies.
	</p>
	</div>

	<div class="summary-card reveal">
	<p>
	<strong>Kernbotschaft:</strong> Mit 100–200 € Eigenbau-Budget ist ein IoT-fähiges
	Bienenstock-Monitoring realistisch. Mit 350–500 € bekommt man kommerzielle
	Plug-and-Play-Lösungen inkl. Cloud-Anbindung. Der DACH-Raum ist mit mindestens
	4 deutschen, 4 österreichischen und 1 Schweizer Anbieter sowie einer starken
	Open-Source-Community (<a href="https://hiveeyes.org" target="_blank">Hiveeyes</a>,
	<a href="https://honey-pi.de" target="_blank">HoneyPi</a>) gut aufgestellt.
	</p>
	</div>

	<div class="decision-trail reveal">
	<div class="decision-step">
	<div class="step-num">01 · Messen</div>
	<h3>Gewicht, Klima, Akustik</h3>
	<p>Monitoring ist der reife Kern: Waage + Temperatur/Feuchte liefern sofort nutzbare Entscheidungen.</p>
	</div>
	<div class="decision-step">
	<div class="step-num">02 · Warnen</div>
	<h3>Schwarm, Futter, Diebstahl</h3>
	<p>Alarme sind praxisnah — KI-Versprechen bleiben aber ohne unabhängige Feldvalidierung zu prüfen.</p>
	</div>
	<div class="decision-step">
	<div class="step-num">03 · Behandeln</div>
	<h3>Varroa teilautomatisiert</h3>
	<p>Hyperthermie und KI-Zählung sind verfügbar; Diagnose und Behandlung bleiben getrennte Bausteine.</p>
	</div>
	<div class="decision-step">
	<div class="step-num">04 · Nicht überschätzen</div>
	<h3>Keine private Vollautomatik</h3>
	<p>Fütterung, Ernte und komplette Autonomie sind 2026 primär Großsysteme oder Forschung.</p>
	</div>
	</div>

	<nav class="overview-strip reveal">
	<a href="#commercial" class="overview-row row-blue">
	<div class="row-accent"><span>01</span></div>
	<div class="row-body">
	<h3>Kommerzielle Systeme</h3>
	<p class="row-details">15+ Anbieter: Einstieg ab 89 € (<a href="https://bee-data.net" target="_blank">BeeData</a>), Mittelklasse 350–500 € (<a href="https://intelligenthives.eu" target="_blank">BeeHUB</a>, <a href="https://prohiver.com" target="_blank">Prohiver</a>), Premium bis 1.080 € (<a href="https://bienenbeuten.ch" target="_blank">Wolfwaage</a>).</p>
	<div class="row-tags">
	<span class="pill">15+ Anbieter</span>
	<span class="pill">ab 89 €</span>
	<span class="pill">Varroa ab 70 €</span>
	</div>
	</div>
	</a>
	<a href="#diy" class="overview-row row-amber">
	<div class="row-accent"><span>02</span></div>
	<div class="row-body">
	<h3>DIY & Open-Source</h3>
	<p class="row-details">10+ Projekte: <a href="https://honey-pi.de" target="_blank">HoneyPi</a> (~120 €), <a href="https://daniel-strohbach.de/hivehealth-open-source-bienenstockwaage" target="_blank">HiveHealth</a> (~40 €), <a href="https://hiveeyes.org" target="_blank">Hiveeyes</a>, <a href="https://github.com/johnf/esphome-beehive" target="_blank">ESPHome Beehive</a> (~60 €).</p>
	<div class="row-tags">
	<span class="pill">10+ Projekte</span>
	<span class="pill">ab 35 €</span>
	<span class="pill">bis 200 € Premium</span>
	</div>
	</div>
	</a>
	<a href="#research" class="overview-row row-purple">
	<div class="row-accent"><span>03</span></div>
	<div class="row-body">
	<h3>Forschung & KI</h3>
	<p class="row-details">KI-Varroaerkennung <1 % Fehler (BeeVS). Schwarmvorhersage bis 30 Tage vorher. <a href="https://hiveopolis.eu" target="_blank">HIVEOPOLIS</a> (7 Mio. €), <a href="https://b-good-project.eu" target="_blank">B-GOOD</a> (8 Mio. €). DACH: we4bee, FU Berlin.</p>
	<div class="row-tags">
	<span class="pill">KI-Varroa</span>
	<span class="pill">Schwarmvorhersage</span>
	<span class="pill">15 Mio. € Förderung</span>
	</div>
	</div>
	</a>
	</nav>

	<!-- Was ist automatisierbar? -->
	<div class="reveal">
	<h3 style="font-size:1.2rem;font-weight:700;margin-bottom:1rem;">Was ist heute automatisierbar?</h3>
	<div class="auto-grid">
	<div class="auto-item">
	<div class="emoji">⚖️</div>
	<div class="name">Gewicht</div>
	<div class="detail">Honigeintrag, Futterverbrauch, Schwarmalarm</div>
	<div class="prices">
	<span class="tag comm">ab 159 €</span>
	<span class="tag diy">ab 35 €</span>
	</div>
	</div>
	<div class="auto-item">
	<div class="emoji">🌡️</div>
	<div class="name">Temperatur</div>
	<div class="detail">Brutentwicklung, Winterüberleben</div>
	<div class="prices">
	<span class="tag comm">inkl.</span>
	<span class="tag diy">ab 4 €</span>
	</div>
	</div>
	<div class="auto-item">
	<div class="emoji">💧</div>
	<div class="name">Luftfeuchtigkeit</div>
	<div class="detail">Brutbedingungen, Honigtrocknung</div>
	<div class="prices">
	<span class="tag comm">inkl.</span>
	<span class="tag diy">ab 5 €</span>
	</div>
	</div>
	<div class="auto-item">
	<div class="emoji">🎵</div>
	<div class="name">Akustik</div>
	<div class="detail">Schwarmvorhersage, Königin-Präsenz</div>
	<div class="prices">
	<span class="tag comm"><a href="https://intelligenthives.eu" target="_blank" style="color:inherit">BeeHUB</a></span>
	<span class="tag diy">ab 5 €</span>
	</div>
	</div>
	<div class="auto-item">
	<div class="emoji">📍</div>
	<div class="name">GPS</div>
	<div class="detail">Diebstahlschutz, Tracking</div>
	<div class="prices">
	<span class="tag comm"><a href="https://intelligenthives.eu" target="_blank" style="color:inherit">BeeHUB</a></span>
	<span class="tag diy">ab 5 €</span>
	</div>
	</div>
	</div>
	</div>

	<div class="info-box warning reveal">
	<strong>Noch NICHT privat automatisierbar:</strong> Automatische Fütterung (nur
	<a href="https://beewise.ag" target="_blank">BeeHome</a>, ~400 $/Monat), automatische
	Honigernte (nur <a href="https://beewise.ag" target="_blank">BeeHome</a> &
	<a href="https://hiveopolis.eu" target="_blank">HIVEOPOLIS</a>-Forschung), vollintegrierte
	Komplettlösung aus einer Hand, KI-Schwarmvorhersage als Plug-and-Play-Produkt.
	</div>
	</div>
	</section>

	<!-- ═══════ COMMERCIAL SYSTEMS ═══════ -->
	<section class="section" id="commercial">
	<div class="container content">
	<div class="reveal">
	<div class="section-label">
	<span class="icon">🏪</span> Kommerzielle Systeme
	</div>
	<h2 class="section-title">Marktübersicht & Preisvergleich</h2>
	<p class="section-desc">
	Von der 89 €-Einstiegslösung bis zum 1.080 €-Premium-System –
	alle relevanten Anbieter für den DACH-Raum im Vergleich.
	</p>
	</div>

	<!-- Einstiegsklasse -->
	<h4 class="reveal"><span class="h4-icon">🟢</span> Einstiegsklasse (unter 200 €)</h4>
	<div class="tbl-wrap reveal">
	<table>
	<tr><th>Produkt</th><th>Preis</th><th>Laufend</th><th>Was es misst</th><th>Herkunft</th></tr>
	<tr>
	<td><strong><a href="https://xdibee.de" target="_blank">XDiBee</a> WLAN-Waage v2</strong></td>
	<td class="price">159 €</td><td>6 €/Jahr (ab 2. Jahr)</td>
	<td>Gewicht (max 100 kg)</td><td>🇩🇪</td>
	</tr>
	<tr>
	<td><strong><a href="https://bee-data.net" target="_blank">BeeData</a> Hive Main Unit</strong></td>
	<td class="price">89 €</td><td>12 €/Jahr</td>
	<td>Temp, Feuchte, Akustik, Beschleunigung</td><td>🇳🇱</td>
	</tr>
	</table>
	</div>
	<p class="reveal">
	<strong><a href="https://xdibee.de" target="_blank">XDiBee</a></strong> ist die günstigste kommerzielle Einstiegslösung im DACH-Raum.
	Aluminiumkonstruktion, WLAN 2,4 GHz, Cloud-Dashboard, USB-C-Akku (mehrjährig),
	−20 °C bis +50 °C. Misst <em>nur</em> Gewicht – keine Temperatur/Feuchte/Akustik.
	Ideal zur Trachtüberwachung.<br>
	<strong><a href="https://bee-data.net" target="_blank">BeeData</a>:</strong> LoRa 868 MHz (Reichweite bis 3 km), 3× CR123A Batterie (~1 Jahr),
	Hub separat erforderlich. Gewicht & Bienenzähler optional.
	</p>

	<!-- Mittelklasse -->
	<h4 class="reveal"><span class="h4-icon">⭐</span> Mittelklasse (350–500 €) – Empfohlen</h4>
	<div class="tbl-wrap reveal">
	<table>
	<tr><th>Produkt</th><th>Preis</th><th>Laufend</th><th>Sensoren</th><th>Herkunft</th></tr>
	<tr>
	<td><strong><a href="https://intelligenthives.eu" target="_blank">BeeHUB</a> BQ-03</strong></td>
	<td class="price">359 €</td><td>0 €</td><td>Gewicht, Temp, Solar</td><td>🇵🇱</td>
	</tr>
	<tr>
	<td><strong><a href="https://intelligenthives.eu" target="_blank">BeeHUB</a> BQ-04 ⭐</strong></td>
	<td class="price">399 €</td><td>0 €</td><td>+Akustik, Feuchte, GPS</td><td>🇵🇱</td>
	</tr>
	<tr>
	<td><strong><a href="https://beesage.co" target="_blank">BeeSage</a> HiveScale v2</strong></td>
	<td class="price">399 €</td><td>79 €/Jahr</td><td>Gewicht, Temp, GPS</td><td>🇪🇺</td>
	</tr>
	<tr>
	<td><strong><a href="https://prohiver.com" target="_blank">Prohiver</a> v4</strong></td>
	<td class="price">380 €</td><td>SIM-Daten</td><td>Gewicht, Temp, Feuchte, Akustik</td><td>🇪🇺</td>
	</tr>
	<tr>
	<td><strong><a href="https://easyhive.org" target="_blank">easyhive</a></strong></td>
	<td class="price">449 €</td><td>40 €/Jahr</td><td>Gewicht</td><td>🇩🇪</td>
	</tr>
	</table>
	</div>

	<div class="info-box success reveal">
	<strong>⭐ Top-Empfehlung: <a href="https://intelligenthives.eu" target="_blank">BeeHUB</a> BQ-04 (399 €)</strong> – Bestes Preis-Leistungs-Verhältnis.
	IoT+AI-Plattform mit Sensoren für Temperatur (innen/außen), Feuchte, Akustik (bis 3 kHz),
	Gewicht (200 kg, 10 g Auflösung), GPS, optional CO₂ und Wetterstation.
	LTE-M/NB-IoT/2G + BLE, SIM vorinstalliert, IP65, Akku bis 5 Monate (ohne Solar).
	<strong>Keine laufenden Kosten</strong> (Stand Mai 2026) – Plattform und SIM-Daten im Kaufpreis enthalten.
	AI-Schwarm-Vorhersage, Audioanalyse, iOS/Android/Web-App, >170 Länder.
	⚠️ KI-Funktionen nicht unabhängig validiert.
	</div>

	<p class="reveal">
	<strong><a href="https://prohiver.com" target="_blank">Prohiver</a> v4 (380 €):</strong> Alternative mit Gewicht (bis 300 kg, 100 g Genauigkeit),
	Temperatur (innen/außen), Feuchte, Akustik, GPS. Enthaltene SIM-Daten für 6 Monate.
	18650 Li-Ion (~6 Monate), USB-C, Edelstahl-Plattform.<br>
	⚠️ <strong><a href="https://easyhive.org" target="_blank">easyhive</a>:</strong> Aktuell nicht direkt verfügbar (Warteliste/gebrauchte Waagen).
	</p>

	<!-- Premium -->
	<h4 class="reveal"><span class="h4-icon">💎</span> Premium-Klasse (über 500 €)</h4>
	<div class="tbl-wrap reveal">
	<table>
	<tr><th>Produkt</th><th>Preis</th><th>Laufend/Jahr</th><th>Besonderheit</th><th>Herkunft</th></tr>
	<tr><td><strong><a href="https://welcome.hivewatch.ch" target="_blank">HiveWatch</a> Starter</strong></td><td class="price">589 €</td><td>79–169 €</td><td>Swiss Made, Schwarmalarm per SMS</td><td>🇨🇭</td></tr>
	<tr><td><strong><a href="https://bienenbeuten.ch" target="_blank">Wolfwaage</a> Gen4</strong></td><td class="price">~1.080 €</td><td>47 €</td><td>LTE, temperaturkompensiert</td><td>🇩🇪/🇨🇭</td></tr>
	<tr><td><strong><a href="https://broodminder.com" target="_blank">BroodMinder</a> W5 Kit</strong></td><td class="price">~480–565 $</td><td>ab 0 $</td><td>Citizen Science, offene Daten</td><td>🇺🇸</td></tr>
	<tr><td><strong><a href="https://arnia.co.uk" target="_blank">Arnia</a></strong></td><td class="price">~520 $/Stock</td><td>0 €</td><td>Akustik-Analyse, Forschungspartner</td><td>🇬🇧</td></tr>
	</table>
	</div>

	<div class="expandable reveal">
	<button class="expand-header" onclick="toggleExpand(this)">
	<span class="chevron">▾</span>
	<h5>Details zu Premium-Systemen</h5>
	<span class="badge">4 Systeme</span>
	</button>
	<div class="expand-body">
	<div class="inner">
	<p>
	<strong><a href="https://welcome.hivewatch.ch" target="_blank">HiveWatch</a>:</strong> Schweizer Premium-Lösung (Swiss Made). Bundle (Funkstation + 3 Waagen): 997 €. Schwarmalarm, Räuberei-Erkennung,
	Futterknappheit-Warnung per SMS/Telefon/Email. Mobilfunk mit inkludierter SIM, weltweite Netzabdeckung, >1 Jahr Akkulaufzeit mit 3× AA-Batterien. Bis 8 Waagen pro Funkstation.<br><br>
	<strong><a href="https://bienenbeuten.ch" target="_blank">Wolfwaage/ApiGraph</a> Gen4:</strong> Der deutsche Klassiker – LTE mit Wolf-SIM-Karte (700+ Mobilfunknetze europaweit),
	temperaturkompensierte Doppelbalken-Wägezelle (200 kg, 10 g Genauigkeit). Außentemperatur, GPS-Ortung, Solarpanel (SolarLoad), Li-Ion-Akku,
	Messintervall 5 Minuten. Vertrieb via bienenbeuten.ch (Schweiz) und deutsche Imkerfachhändler.<br><br>
	<strong><a href="https://broodminder.com" target="_blank">BroodMinder</a>:</strong> Modulares Citizen-Science-Ökosystem (BLE-basiert). W5 Kit (Gewicht 2-Punkt): $400 (teilmontiert) bis $565 (Citizen Science Kit).
	Weitere Sensoren einzeln: T2 (Temperatur) ab $67, TH2 (Temp+Feuchte) ab $108, W3 (Gewicht 4-Punkt, 200 kg) $242. WiFi-Hub (80 Geräte) $190.
	BeeTV-Kamera $500 (Beta). Offene Datenplattform <a href="https://beecounted.org" target="_blank">BeeCounted.org</a>, Akkulaufzeit 2–5 Jahre (AA-Lithium).<br><br>
	<strong><a href="https://arnia.co.uk" target="_blank">Arnia</a>:</strong> Umfassendes Monitoring mit einzigartiger Akustik-Analyse (Flug-/Fächelaktivität),
	Brut-Temperatur, Stock-Temperatur, Feuchte, Gewicht, optionale Wetterstation. LoRaWAN + Mobilfunk-Gateway.
	Seit 2009, >25 Länder. Keine Abo-Gebühren.
	</p>
	</div>
	</div>
	</div>

	<!-- Varroa-Behandlung -->
	<h4 class="reveal"><span class="h4-icon">🦠</span> Varroa-Behandlungssysteme</h4>
	<div class="tbl-wrap reveal">
	<table>
	<tr><th>Produkt</th><th>Preis</th><th>Methode</th><th>Herkunft</th></tr>
	<tr>
	<td><strong>Youbee Mittelwand</strong></td><td class="price">ab 10 €/Wand</td>
	<td>Thermisch (41–42 °C), PTC-Speziallack</td><td>🇦🇹</td>
	</tr>
	<tr>
	<td><strong>Youbee System</strong></td><td class="price">ab 70 €</td>
	<td>Schienen + Trafo + Kabel, optional Solardach</td><td>🇦🇹</td>
	</tr>
	<tr>
	<td><strong><a href="https://varroa-controller.de" target="_blank">Varroa Controller</a></strong></td><td>auf Anfrage</td>
	<td>Hyperthermie, Modelle Mini/Light/Standard/XLarge</td><td>🇦🇹</td>
	</tr>
	<tr>
	<td><strong>InstantVap 18V Lite</strong></td><td class="price">~100–150 €</td>
	<td>Akkubetriebener Oxalsäure-Verdampfer, 50 Sek./Volk</td><td>🇨🇭</td>
	</tr>
	</table>
	</div>

	<div class="info-box highlight reveal">
	<strong>Youbee-Empfehlung:</strong> Kostengünstigste automatisierte Varroa-Lösung – PTC-Speziallack
	selbstregulierend bei 41–42 °C. Laut Hersteller 80–90 % Milbenreduktion pro Behandlung (2–3 Std. bei 50 W).
	Chemiefrei, Niederspannung. Seit 2022 in Europa, mehrere tausend Systeme im Einsatz,
	FFG-gefördert. 4× jährlich empfohlen.
	</div>

	<!-- Alle Anbieter -->
	<h4 class="reveal"><span class="h4-icon">📋</span> Alle kommerziellen Anbieter</h4>
	<p class="reveal">
	<span class="tech-tag"><a href="https://intelligenthives.eu" target="_blank">BeeHUB</a></span>
	<span class="tech-tag"><a href="https://welcome.hivewatch.ch" target="_blank">HiveWatch</a></span>
	<span class="tech-tag"><a href="https://bienenbeuten.ch" target="_blank">Wolfwaage</a></span>
	<span class="tech-tag"><a href="https://xdibee.de" target="_blank">XDiBee</a></span>
	<span class="tech-tag"><a href="https://easyhive.org" target="_blank">easyhive</a></span>
	<span class="tech-tag"><a href="https://beesage.co" target="_blank">BeeSage</a></span>
	<span class="tech-tag"><a href="https://broodminder.com" target="_blank">BroodMinder</a></span>
	<span class="tech-tag"><a href="https://prohiver.com" target="_blank">Prohiver</a></span>
	<span class="tech-tag"><a href="https://arnia.co.uk" target="_blank">Arnia</a></span>
	<span class="tech-tag"><a href="https://bee-data.net" target="_blank">BeeData</a></span>
	<span class="tech-tag"><a href="https://queensaver.com" target="_blank">Queensaver</a></span>
	<span class="tech-tag"><a href="https://beepal.ai" target="_blank">BeePal ONE</a></span>
	<span class="tech-tag"><a href="https://solutionbee.com" target="_blank">SolutionBee</a></span>
	<span class="tech-tag"><a href="https://beewise.ag" target="_blank">BeeHome</a></span>
	<span class="tech-tag"><a href="https://beehero.io" target="_blank">BeeHero</a></span>
	<span class="tech-tag">Youbee</span>
	<span class="tech-tag"><a href="https://varroa-controller.de" target="_blank">Varroa Controller</a></span>
	</p>
	</div>
	</section>

	<!-- ═══════ DIY & OPEN SOURCE ═══════ -->
	<section class="section" id="diy">
	<div class="container content">
	<div class="reveal">
	<div class="section-label">
	<span class="icon">🛠️</span> DIY & Open-Source
	</div>
	<h2 class="section-title">Eigenbau mit Budget</h2>
	<p class="section-desc">
	Von 35 € Minimaleinstieg bis 200 € Premium-DIY mit 4G –
	die deutschsprachige Community bietet hervorragende Unterstützung.
	</p>
	</div>

	<h4 class="reveal"><span class="h4-icon">📦</span> Die wichtigsten Projekte</h4>
	<div class="tbl-wrap reveal">
	<table>
	<tr><th>Projekt</th><th>Plattform</th><th>Kosten</th><th>Zielgruppe</th><th>DE</th></tr>
	<tr><td><strong><a href="https://honey-pi.de" target="_blank">HoneyPi</a></strong></td><td>Raspberry Pi</td><td class="price">~120 €</td><td>Einsteiger, Plug & Play</td><td>✅</td></tr>
	<tr><td><strong><a href="https://daniel-strohbach.de/hivehealth-open-source-bienenstockwaage" target="_blank">HiveHealth</a></strong></td><td>ESP8266</td><td class="price">~40 €</td><td>Bastler, minimal</td><td>✅</td></tr>
	<tr><td><strong><a href="https://hiveeyes.org" target="_blank">Hiveeyes</a></strong></td><td>ESP32/Arduino</td><td class="price">~100 €</td><td>Community, LoRaWAN</td><td>✅</td></tr>
	<tr><td><strong><a href="https://github.com/jyjeanne/arduibeescale" target="_blank">ArduiBeeScale</a></strong></td><td>Arduino+ESP</td><td class="price">~65 €</td><td>Bastler, lokal</td><td>❌</td></tr>
	<tr><td><strong><a href="https://github.com/mathieucarbou/Beelance" target="_blank">Beelance</a></strong></td><td>ESP32+LTE-M</td><td class="price">~130 €</td><td>Abgelegen, autark</td><td>❌</td></tr>
	<tr><td><strong><a href="https://github.com/johnf/esphome-beehive" target="_blank">ESPHome Beehive</a></strong></td><td>ESP32</td><td class="price">~60 €</td><td>Smart Home</td><td>❌</td></tr>
	<tr><td><strong><a href="https://github.com/rcrum003/HiveControl" target="_blank">HiveControl</a></strong></td><td>Raspberry Pi</td><td class="price">~50 €</td><td>Server-basiert</td><td>❌</td></tr>
	<tr><td><strong><a href="http://www.randolphesser.de/imkerei/projekte/BeeIoT_v20.html" target="_blank">BeeIoT</a></strong></td><td>ESP32+LoRa</td><td class="price">~200 €</td><td>Fortgeschritten</td><td>✅</td></tr>
	</table>
	</div>

	<p class="reveal" style="font-size:0.78rem;color:var(--text-dim);margin-top:-0.5rem;">
	⚠️ DIY-Preisangaben sind Momentaufnahmen (Mai 2026, AliExpress/Einzelhandel) — Schwankungen üblich.
	</p>

	<!-- Budget-Szenarien -->
	<h4 class="reveal"><span class="h4-icon">💰</span> Budget-Szenarien im Detail</h4>

	<div class="budget-tier reveal">
	<div class="tier"><span class="dot" style="background:var(--green)"></span> <span style="color:var(--green)">Szenario A: Minimaleinstieg (~38 €)</span></div>
	<p>
	ESP8266 (Wemos D1 Mini) 5 € · 4× 50kg Wägezellen + HX711 8 € ·
	DS18B20 Temperatursensor 4 € · DHT22 Feuchtesensor 5 € ·
	Wasserdichtes Gehäuse 8 € · Kabel/Widerstände 5 € · 4× AA Batterien 3 €
	<br><strong>Gesamt: ~38 €</strong> — Kostenlose Datenspeicherung via ThingSpeak,
	Auswertung per <a href="https://honey-pi.de" target="_blank">HoneyPi</a> App oder Web.
	</p>
	</div>

	<div class="info-box warning reveal" style="font-size:0.8rem;">
	<strong>Achtung Batterie:</strong> ESP8266 WiFi verbraucht ~70 mA. Mit 4× AA und stündlicher Messung
	nur wenige Wochen Laufzeit. Für Dauerbetrieb: Solarpanel 5V/5W (15 €) oder 18650 Li-Ion mit TP4056-Lader (10 €) empfohlen.
	</div>

	<div class="budget-tier reveal">
	<div class="tier"><span class="dot" style="background:var(--amber)"></span> <span style="color:var(--amber)">Szenario B: Empfohlenes Setup (~129 €)</span></div>
	<p>
	ESP32 DevKit 10 € · <a href="https://bosche.eu" target="_blank">Bosche</a> H40A Wägezelle 58 € · HX711 ADC 4 € ·
	BME280 (Temp+Feuchte+Druck) 5 € · DS18B20 4 € · OLED Display 5 € ·
	18650 Li-Ion + TP4056 Lader 10 € · Solarpanel 5V/5W 15 € ·
	Gehäuse 10 € · Kleinteile 8 €
	<br><strong>Gesamt: ~129 €</strong> — Die <a href="https://bosche.eu" target="_blank">Bosche</a> H40A ist eine C3-klassifizierte
	Profi-Wägezelle (2mV/V, IP65, eichfähig als Komponente). Lokale Datenbank (InfluxDB+Grafana) oder Cloud.
	</p>
	</div>

	<div class="budget-tier reveal">
	<div class="tier"><span class="dot" style="background:var(--purple)"></span> <span style="color:var(--purple)">Szenario C: Premium-DIY mit 4G & Audio (~120–200 €)</span></div>
	<p>
	ESP32 LilyGO T-SIM7080G 42 € · 4× 50kg Wägezellen + HX711 10 € ·
	DS18B20 4 € · BME280 5 € · INMP441 MEMS-Mikrofon 5 € ·
	Solarpanel 12V/6W 15 € · 18650 Li-Ion 3400mAh 8 € ·
	IoT-SIM (<a href="https://1nce.com" target="_blank">1NCE</a>, 10 €/10 Jahre) 10 € · Gehäuse 10 € · Montagematerial 10 €
	<br><strong>Gesamt: ~119 € (+SIM-Folgekosten)</strong> —
	Vollständig autark, kein WLAN nötig, GPS inklusive (LilyGO integriert),
	Audioanalyse möglich. Geeignet für abgelegene Bienenstände.
	<br><em style="font-size:0.78rem;color:var(--text-dim);">Spanne 120–200 € berücksichtigt Preisschwankungen, optionale Komponenten und Versand.</em>
	</p>
	</div>

	<!-- Software-Architektur -->
	<h4 class="reveal"><span class="h4-icon">🏗️</span> Software-Architektur</h4>
	<div class="info-box neutral reveal">
	<strong>Variante A — Cloud (einfach):</strong><br>
	Sensor → ESP32 → WiFi → ThingSpeak → <a href="https://honey-pi.de" target="_blank">HoneyPi</a> App<br>
	<em>Kostenlos, kein eigener Server nötig.</em>
	</div>
	<div class="info-box neutral reveal">
	<strong>Variante B — Lokal (privat):</strong><br>
	Sensor → ESP32 → WiFi → MQTT (Mosquitto) → Raspberry Pi → InfluxDB → Grafana<br>
	<em>Alle Daten bleiben lokal. Grafana-Dashboards vom Handy aus abrufbar.</em>
	</div>

	<!-- Community -->
	<h4 class="reveal"><span class="h4-icon">🌐</span> Community & deutschsprachige Ressourcen</h4>
	<ul class="reveal">
	<li><strong><a href="https://hiveeyes.org" target="_blank">Hiveeyes</a> (Berlin):</strong> Regelmäßige Community-Treffen,
	<a href="https://github.com/hiveeyes" target="_blank">91 GitHub-Repos</a>,
	eigenes <a href="https://community.hiveeyes.org" target="_blank">Forensystem</a>,
	kostenloses Community-Backend (<a href="https://swarm.hiveeyes.org" target="_blank">swarm.hiveeyes.org</a>).
	Kotori-DAQ-Middleware, BERadio-Telemetrie, ML-basierte Audioanalyse.</li>
	<li><strong><a href="https://honey-pi.de" target="_blank">HoneyPi</a>:</strong> Hilfsbereite Facebook-Gruppe, fertiges Raspberry Pi Image
	(<a href="https://github.com/Honey-Pi/HoneyPi" target="_blank">GitHub</a>) mit Webinterface. Plug-and-Play.</li>
	<li><strong><a href="https://www.imkerforum.de" target="_blank">Imkerforum.de</a>:</strong> Sehr aktive Diskussionen zu Stockwaagen, viele DIY-Threads.</li>
	<li><strong><a href="https://beelogger.de" target="_blank">Beelogger.de</a>:</strong> Extrem detaillierte deutsche Dokumentation zu Wägezellen und HX711.</li>
	<li><strong><a href="http://www.randolphesser.de/imkerei/projekte/BeeIoT_v20.html" target="_blank">BeeIoT</a> (Randolph Esser):</strong> Detaillierte technische Doku mit ESP32, LoRaWAN, ePaper.</li>
	<li><strong><a href="https://www.bienenhof.org/stockwaage" target="_blank">bienenhof.org</a>:</strong> Erfahrungsberichte über mehrere Jahre.</li>
	</ul>

	<!-- Rechtliches -->
	<div class="expandable reveal">
	<button class="expand-header" onclick="toggleExpand(this)">
	<span class="chevron">▾</span>
	<h5>⚠️ Rechtliches & Technik-Hinweise bei DIY</h5>
	<span class="badge">5 Punkte</span>
	</button>
	<div class="expand-body">
	<div class="inner">
	<ul>
	<li><strong>LoRa-Funk 868 MHz:</strong> Lizenzfrei, aber max. 1 % Duty Cycle (36 s/Stunde), max. 25 mW.</li>
	<li><strong>WLAN-Außeninstallation:</strong> Wetterfestes Gehäuse (IP65+) nötig.</li>
	<li><strong>Cloud & DSGVO:</strong> Bei Cloud-Speicherung Datenschutz beachten – lokale Speicherung (Raspberry Pi) unkritisch.</li>
	<li><strong>IoT-SIMs:</strong> <a href="https://1nce.com" target="_blank">1NCE</a> 10 € einmalig für 10 Jahre (500 MB).</li>
	<li><strong>Wintertauglichkeit:</strong> Li-Ion temperaturempfindlich – LiFePo4 (3,2V, 1500 mAh) sicherer bei Kälte.</li>
	</ul>
	</div>
	</div>
	</div>
	</div>
	</section>

	<!-- ═══════ RESEARCH & AI ═══════ -->
	<section class="section" id="research">
	<div class="container content">
	<div class="reveal">
	<div class="section-label">
	<span class="icon">🔬</span> Forschung & KI
	</div>
	<h2 class="section-title">Precision Beekeeping</h2>
	<p class="section-desc">
	Von KI-gestützter Varroa-Erkennung bis zu €24 Mio. EU-Forschung –
	die Wissenschaft treibt die Automatisierung voran.
	</p>
	</div>

	<!-- Precision Beekeeping -->
	<h4 class="reveal"><span class="h4-icon">🎯</span> Stand der Forschung</h4>
	<p class="reveal">
	Ein systematisches Review von <strong>Šabić et al. (2025)</strong> in <em>Sensors</em> analysierte
	135 Publikationen (1990–2025) und dokumentiert den Trend zu multimodalen, KI-integrierten Systemen.
	Deep Learning, Computer Vision und multimodale Sensorfusion dominieren die aktuelle Forschung.
	</p>
	<p class="reveal">
	<strong>Definition nach Alleri et al. (2023):</strong> Precision Beekeeping ist eine
	Bienenhaltungs-Strategie basierend auf Überwachung einzelner Bienenvölker zur Minimierung von
	Ressourcenverbrauch und Maximierung der Bienenproduktivität.
	</p>
	<div class="stat-grid reveal">
	<div class="stat-box"><div class="num">135</div><div class="label">Publikationen Smart Beehive (bis 2025)</div></div>
	<div class="stat-box"><div class="num">49%</div><div class="label">Umweltsensorik</div></div>
	<div class="stat-box"><div class="num">39%</div><div class="label">Akustik / Vibration</div></div>
	<div class="stat-box"><div class="num">36%</div><div class="label">Bildgebung / Computer Vision</div></div>
	</div>

	<!-- KI & Computer Vision -->
	<h4 class="reveal"><span class="h4-icon">🤖</span> KI & Computer Vision – Varroa-Erkennung</h4>
	<p class="reveal">Die KI-basierte Varroa-Erkennung ist 2025 im Durchbruch:</p>
	<ul class="reveal">
	<li><strong>BeeVS</strong> (Scutaru et al., 2025): Portabler Scanner, zwei CNNs sequenziell
	(4-lagig + 25-lagiges Residual Network). Trainiert auf 65.000 Positiv- und 1,2 Mio.
	Negativ-Samples. <strong>Fehler <1 % bei >10 Milben</strong>, Scanzeit konstant 60 s.
	Menschliche Zähler liegen bei ~20 % Fehler. ⚠️ Unabhängige Feldvalidierung steht noch aus.</li>
	<li><strong>VarroDetector</strong> (Yániz et al., 2025): Open-Source, YOLOv11 Nano mit nur
	2,6 Mio. Parametern – läuft auf Standard-Computern ohne GPU. R² = 0.98–0.99.</li>
	<li><strong>IntelliBeeHive</strong> (Narcia-Macias et al., 2023): YOLOv7-tiny, F1 = 0.95,
	Precision 0.996 für Milben.</li>
	</ul>
	<div class="info-box highlight reveal">
	<strong>Für Privatanwender:</strong> <a href="https://queensaver.com" target="_blank">Queensaver</a> (Österreich) integriert eine „Fotobox" mit
	mobiler KI-Varroaerkennung per WLAN-Upload – Marktstart ab nächster Saison angekündigt.
	Kooperation mit SCCH Hagenberg (KI) und LCM Linz (Hardware).
	</div>

	<!-- Akustik -->
	<h4 class="reveal"><span class="h4-icon">🎵</span> Akustische Analyse – das Hive-Extrapolations-Problem</h4>
	<p class="reveal">
	<strong>Bricout et al. (2024)</strong> zeigen in <em>Sensors</em> das fundamentale Problem:
	CNN-basierte Klassifikatoren erreichen >98 % Accuracy bei Queen/NoQueen-Erkennung –
	aber <strong>nur innerhalb bekannter Bienenstöcke</strong>. Bei unbekannten Stöcken fällt
	die Accuracy auf ~50 % (Zufall). Modelle lernen stockspezifische akustische Signaturen statt dem biologischen Zustand.
	Lösungsansatz: Contrastive Learning („pairwisexnor") – 99,98 % Accuracy bei Stock-Extrapolation.
	</p>
	<div class="stat-grid reveal">
	<div class="stat-box"><div class="num">91%</div><div class="label">Schwarmvorhersage (Bencsik, bis 30 Tage)</div></div>
	<div class="stat-box"><div class="num">>99%</div><div class="label">Königinnen-Präsenz (Dokukin, 70–130 Hz)</div></div>
	<div class="stat-box"><div class="num">>98%</div><div class="label">Krankheitserkennung (Faramarzi, InceptionV3)</div></div>
	<div class="stat-box"><div class="num">~60 €</div><div class="label"><a href="https://github.com/johnf/esphome-beehive" target="_blank">ESPHome</a> Audioanalyse (DIY)</div></div>
	</div>
	<p class="reveal">
	<strong>Praktisch:</strong> <a href="https://github.com/johnf/esphome-beehive" target="_blank">ESPHome Beehive</a> (2026) implementiert FFT-basierte
	Echtzeit-Audioanalyse auf ESP32 mit INMP441 MEMS-Mikrofon – Frequenzbänder: 100–200 Hz (normal),
	200–350 Hz (Königin Quaken), 350–500 Hz (Königin Tuten), 478–1080 Hz (weisellos).
	</p>
	<div class="info-box warning reveal">
	<strong>Caveat:</strong> ESPHome Beehive ist ein Bastler-Projekt mit einfacher FFT, keine CNNs.
	Die Klassifikation (normal/aktiv/Königinnen-Aktivität/weisellos/Vorschwarm) ist experimentell.
	Das Extrapolations-Problem wird nicht adressiert. ⚠️ Faramarzi-Ergebnisse (>98 %) leiden
	mit hoher Wahrscheinlichkeit ebenfalls unter dem Hive-Extrapolations-Problem.
	</div>

	<!-- DACH-Forschung -->
	<h4 class="reveal"><span class="h4-icon">🏛️</span> DACH-Forschung</h4>
	<ul class="reveal">
	<li><strong><a href="https://www.uni-wuerzburg.de" target="_blank">Uni Würzburg (we4bee)</a>:</strong> Prof. Dr. Andreas Hotho. >100 intelligente Bienenstöcke
	deutschlandweit, 14 Sensoren pro Stock, 101 Mrd. Sensordaten, >20.000 Std. Audio. Neuronales Netz zur Schwarmvorhersage.</li>
	<li><strong>FU Berlin (POLLY):</strong> Prof. Dr. Tim Landgraf. Robotergestützte Bienennavigation.
	Beteiligung an <a href="https://hiveopolis.eu" target="_blank">HIVEOPOLIS</a>.</li>
	<li><strong><a href="https://llh.hessen.de" target="_blank">Bieneninstitut Kirchhain (VITALBIENE)</a>:</strong> Temporäre Brutpause als Varroa-Management –
	Honigertrag nicht signifikant reduziert.</li>
	<li><strong>Uni Würzburg (LandKlif):</strong> Bienenpopulation in bayerischen Städten bricht
	bei Hitze um 65 % ein (179 Standorte, bayklif-Forschungsverbund).</li>
	</ul>

	<!-- EU-Projekte -->
	<h4 class="reveal"><span class="h4-icon">🇪🇺</span> EU-Großprojekte</h4>
	<div class="tbl-wrap reveal">
	<table>
	<tr><th>Projekt</th><th>Laufzeit</th><th>Budget</th><th>Fokus</th></tr>
	<tr>
	<td><strong><a href="https://hiveopolis.eu" target="_blank">HIVEOPOLIS</a></strong></td><td>2019–2024</td><td class="price">7 Mio. €</td>
	<td>Digitaler Brutkamm, Tanzroboter, Pilz-Myzel-Stöcke, auto. Honigernte</td>
	</tr>
	<tr>
	<td><strong><a href="https://b-good-project.eu" target="_blank">B-GOOD</a></strong></td><td>2019–2023</td><td class="price">8 Mio. €</td>
	<td>Health Status Index, <a href="https://beep.nl" target="_blank">BEEP</a>-Base-Sensorsystem, 383 Bienenvölker</td>
	</tr>
	<tr>
	<td><strong><a href="https://beeguards.eu" target="_blank">BeeGuards</a></strong></td><td>2023–2027</td><td class="price">6 Mio. €</td>
	<td>Resiliente Imkerei, Sommerliche Brutpause + Oxalsäure, Klimawandel</td>
	</tr>
	<tr>
	<td><strong><a href="https://beewise.ag" target="_blank">BeeHome (Beewise)</a></strong></td><td>2020–2022</td><td class="price">3,1 Mio. €</td>
	<td>Vollautomatischer Container-Bienenstock (H2020 EIC SME)</td>
	</tr>
	</table>
	</div>
	<p class="reveal">Die EU hat seit 2018 über <strong>24 Mio. €</strong> in Bienen-Forschungsprojekte investiert.</p>

	<!-- TinyML -->
	<h4 class="reveal"><span class="h4-icon">📱</span> TinyML — KI auf dem Mikrocontroller</h4>
	<p class="reveal">
	KI-Modelle laufen direkt auf ESP32-Mikrocontrollern ohne Cloud (Sucipto et al., 2025).
	Anwendungen: Hive Condition Monitoring, Bee Activity Recognition (akustisch MFCC+CNN),
	Pest & Disease Detection, Swarm Prediction (CNN/LSTM auf Spektrogrammen, bis 99 % Accuracy In-Domain).
	Hardware: MCUs (ESP32) für Ultra-low-power, SBCs (Raspberry Pi, Jetson) für volle CNNs,
	AI Accelerators (Coral Edge TPU), ULP-Chips (Syntiant NDP101) für Sub-mW Always-on-Audio.
	</p>

	<!-- Publikationen -->
	<div class="expandable reveal">
	<button class="expand-header" onclick="toggleExpand(this)">
	<span class="chevron">▾</span>
	<h5>📚 Zentrale Publikationen 2024–2025</h5>
	<span class="badge">10 Papers</span>
	</button>
	<div class="expand-body">
	<div class="inner">
	<ul>
	<li>Šabić et al. (2025) – „Buzzing with Intelligence." <em>Sensors</em> – 135 Publikationen Review</li>
	<li>Sucipto et al. (2025) – „TinyML Applications in Beekeeping." <em>arXiv:2509.08822</em></li>
	<li>Scutaru et al. (2025) – „AI-Based Digital Scanner for Varroa." <em>Insects</em> – BeeVS</li>
	<li>Yániz et al. (2025) – „Open-Source Varroa Mite Fall Analysis." <em>Agriculture</em></li>
	<li>Bricout et al. (2024) – „Bee Together: Hive Extrapolation." <em>Sensors</em></li>
	<li>Barmak et al. (2023) – „A Robotic Honeycomb." <em>Science Robotics</em> – HIVEOPOLIS</li>
	<li>van Dooremalen et al. (2024) – „B-GOOD Project." <em>Insects</em></li>
	<li>Mainardi et al. (2025) – „Floral Diversity Enhances Winter Survival." <em>J. Applied Ecology</em></li>
	<li>Janetzky et al. (2023) – „Swarming Detection Using Auto Encoders." <em>IWSSIP</em> (we4bee)</li>
	<li>Eivazzadeh & Khatibi (2025) – „Predictive Digital Twin for Varroa." <em>Agriculture</em></li>
	</ul>
	</div>
	</div>
	</div>
	</div>
	</section>

	<!-- ═══════ BUDGET & RECOMMENDATIONS ═══════ -->
	<section class="section" id="budget">
	<div class="container content">
	<div class="reveal">
	<div class="section-label">
	<span class="icon">💡</span> Empfehlungen
	</div>
	<h2 class="section-title">Was ist mit 100–500 € machbar?</h2>
	<p class="section-desc">
	Konkrete Empfehlungen nach Imker-Typ und Budget –
	vom 40 €-Minimalprojekt bis zur 500 €-Komplettlösung.
	</p>
	</div>

	<!-- Budget-Übersicht -->
	<h4 class="reveal"><span class="h4-icon">📊</span> Budget-Übersicht</h4>

	<div class="budget-tier reveal">
	<div class="tier"><span class="dot" style="background:var(--green)"></span> <span style="color:var(--green)">~150 € — DIY-Monitoring</span></div>
	<p>
	Gewichtsmessung mit <a href="https://bosche.eu" target="_blank">Bosche</a>-Wägezelle · Temperatur + Feuchte (BME280) ·
	WLAN-Anbindung mit Cloud-Dashboard (ThingSpeak/Grafana) · Optional Solarladung.
	</p>
	</div>

	<div class="budget-tier reveal">
	<div class="tier"><span class="dot" style="background:var(--amber)"></span> <span style="color:var(--amber)">~400 € — Kommerziell Plug & Play ⭐</span></div>
	<p>
	<strong><a href="https://intelligenthives.eu" target="_blank">BeeHUB</a> BQ-04 (399 €)</strong> oder <strong><a href="https://prohiver.com" target="_blank">Prohiver</a> v4 (380 €)</strong> ·
	Gewicht + Temperatur + Feuchte + Akustik + GPS · Keine Lötarbeit ·
	Keine oder geringe laufende Kosten.
	</p>
	</div>

	<div class="budget-tier reveal">
	<div class="tier"><span class="dot" style="background:var(--purple)"></span> <span style="color:var(--purple)">~500 € — Kombiniert (Monitoring + Varroa)</span></div>
	<p>
	Monitoring: <a href="https://xdibee.de" target="_blank">XDiBee</a> (159 €) oder DIY (~130 €) ·
	Varroa-Behandlung: Youbee-System (~70 €) ·
	Management: <a href="https://beep.nl" target="_blank">BEEP</a>-App (kostenlos) ·
	Restbudget für Volk und Grundausstattung.
	</p>
	</div>

	<div class="info-box warning reveal">
	<strong>NICHT im Budget:</strong> <a href="https://beewise.ag" target="_blank">BeeHome</a> (400 $/Monat) – nur kommerzielle Großbetriebe ·
	Automatische Fütterung – kein Privatkunden-Produkt ·
	Automatische Honigernte – reine Forschung (<a href="https://hiveopolis.eu" target="_blank">HIVEOPOLIS</a>).
	</div>

	<!-- Empfehlungen nach Typ -->
	<h4 class="reveal"><span class="h4-icon">🎯</span> Empfehlungen nach Imker-Typ</h4>

	<div class="rec-grid reveal">
	<div class="rec-card">
	<div class="rec-type">🆕 Neueinsteiger mit Technik-Affinität</div>
	<h5><a href="https://honey-pi.de" target="_blank">HoneyPi</a></h5>
	<p class="rec-desc">Raspberry Pi Image fertig, deutsche Community, App inklusive. Plug-and-Play für Nicht-ITler.</p>
	<div class="rec-price">~120 €</div>
	</div>

	<div class="rec-card">
	<div class="rec-type">🔧 Minimalist mit Lötkolben</div>
	<h5><a href="https://daniel-strohbach.de/hivehealth-open-source-bienenstockwaage" target="_blank">HiveHealth</a></h5>
	<p class="rec-desc">ESP8266, gute deutsche Anleitung, lokale Daten auf Raspi-Server mit InfluxDB+Grafana.</p>
	<div class="rec-price">~40 €</div>
	</div>

	<div class="rec-card">
	<div class="rec-type">🏠 Smart-Home-Besitzer</div>
	<h5><a href="https://github.com/johnf/esphome-beehive" target="_blank">ESPHome Beehive</a></h5>
	<p class="rec-desc">Native Home Assistant Integration, FFT-Audioanalyse, Deep Sleep ~10 µA. ⚠️ Audioanalyse experimentell.</p>
	<div class="rec-price">~60 €</div>
	</div>

	<div class="rec-card">
	<div class="rec-type">📦 „Kaufen und loslegen"</div>
	<h5><a href="https://intelligenthives.eu" target="_blank">BeeHUB</a> BQ-04 ⭐</h5>
	<p class="rec-desc">Bestes kommerzielles P/L. Vollsensorik, keine laufenden Kosten (Stand Mai 2026). ⚠️ KI nicht unabhängig validiert.</p>
	<div class="rec-price">399 €</div>
	</div>

	<div class="rec-card">
	<div class="rec-type">🌲 Abgelegen ohne WLAN</div>
	<h5><a href="https://github.com/mathieucarbou/Beelance" target="_blank">Beelance</a></h5>
	<p class="rec-desc">Autark mit Solar und LTE-M/4G, GPS gegen Diebstahl. Für Bienenstände ohne Infrastruktur.</p>
	<div class="rec-price">~130 € + SIM</div>
	</div>

	<div class="rec-card">
	<div class="rec-type">🦠 Varroa-Fokus, kleines Budget</div>
	<h5>Youbee + VarroDetector</h5>
	<p class="rec-desc">Chemiefreie Hyperthermie (Youbee, ~70 €) + Windel-Scans per Smartphone (VarroDetector, kostenlos, Open Source).</p>
	<div class="rec-price">~70 €</div>
	</div>

	<div class="rec-card">
	<div class="rec-type">💎 All-in-One (max. 500 €)</div>
	<h5><a href="https://xdibee.de" target="_blank">XDiBee</a> + Youbee</h5>
	<p class="rec-desc">XDiBee (159 €) für Monitoring + Youbee (70 €) für Varroa + Restbudget für Volk und Ausstattung.</p>
	<div class="rec-price">~230 €+</div>
	</div>
	</div>

	<!-- Caveats -->
	<h4 class="reveal"><span class="h4-icon">⚠️</span> Wichtige Caveats</h4>
	<ol class="reveal">
	<li><strong>Gewichtsmessung ist wetterabhängig:</strong> Wind verfälscht Wägezellen.
	<a href="https://bosche.eu" target="_blank">Bosche</a> H40A (58 €) mit C3-Klassifizierung ist die minimale Profi-Empfehlung.</li>
	<li><strong>Akustische KI generalisiert schlecht:</strong> Hive-Extrapolations-Problem
	(Bricout et al., 2024). Kein kommerzielles Plug-and-Play-Produkt verfügbar.</li>
	<li><strong>Vendor-Lock-in:</strong> Proprietäre Clouds, oft eingeschränkte Datenexporte.
	<a href="https://broodminder.com" target="_blank">BroodMinder</a> und <a href="https://hiveeyes.org" target="_blank">Hiveeyes</a> sind die einzigen mit offenen Datenplattformen.</li>
	<li><strong>Datenschutz:</strong> GPS, Gewichtsverläufe und Akustik werden bei kommerziellen Systemen auf Hersteller-Servern gespeichert — teils außerhalb der EU. DSGVO-Konformität vor Kauf prüfen. Bei DIY: lokale Speicherung unkritisch.</li>
	<li><strong>Varroa-Diagnostik ≠ Behandlung:</strong> KI erkennt Milben – die Behandlung
	muss separat erfolgen. <a href="https://queensaver.com" target="_blank">Queensaver</a> verspricht beides, aber noch nicht verfügbar.</li>
	<li><strong>Keine geeichten Gesamtsysteme:</strong> Keine Lösung ist als Gesamtsystem geeicht. Gewichtsdaten eignen sich für relative Vergleiche, nicht für rechtssichere Messungen.</li>
	<li><strong>Wintertauglichkeit DIY:</strong> Kaum Erfahrungsberichte zu Solar-DIY in
	mitteleuropäischen Wintern. LiFePo4-Akkus sind temperaturstabiler als Li-Ion.</li>
	<li><strong>Herstellerangaben:</strong> Viele Leistungsdaten (Milbenreduktion, Genauigkeit, Akkulaufzeit) basieren auf Herstellerangaben ohne unabhängige Validierung.</li>
	</ol>

	<!-- Offene Fragen -->
	<div class="expandable reveal">
	<button class="expand-header" onclick="toggleExpand(this)">
	<span class="chevron">▾</span>
	<h5>❓ Offene Fragen</h5>
	<span class="badge">6 Punkte</span>
	</button>
	<div class="expand-body">
	<div class="inner">
	<ul>
	<li><strong>Queensaver Marktstart?</strong> Angekündigt für „nächste Saison", kein fixes Datum.</li>
	<li><strong>Akustische KI Plug-and-Play?</strong> Forschungsstand weit, Produkte fehlen. ESPHome Beehive ist ein erster, aber experimenteller Ansatz.</li>
	<li><strong>easyhive-Warteliste:</strong> Keine neuen Geräte verfügbar.</li>
	<li><strong>Interoperabilität:</strong> Kein Standard zwischen kommerziellen Systemen. <a href="https://beep.nl" target="_blank">BEEP</a>/B-GOOD ist ein Forschungsansatz, kein Industriestandard.</li>
	<li><strong>Preisintransparenz:</strong> BeePal ONE, SolutionBee, Varroa Controller — Preise weiterhin nicht öffentlich.</li>
	<li><strong>Feldvalidierung:</strong> Wann werden die hohen Labor-Accuracy-Werte akustischer KI unter Realbedingungen repliziert?</li>
	</ul>
	</div>
	</div>
	</div>
	</div>
	</section>

	<!-- ═══════ FOOTER ═══════ -->
	<footer class="footer">
	<div class="footer-dots">
	<span class="dot"></span><span class="dot"></span><span class="dot"></span>
	</div>
	<div class="footer-brand">🐝 Automatisierte Bienenzucht 2026</div>
	<p>
	Deep Research Report · feynman.is · Mai 2026<br>
	Quellen: Researcher-T1 (Kommerzielle Systeme) · Researcher-T2 (DIY/Open-Source) ·
	Researcher-T3 (Forschung & KI) · Šabić et al. (2025) · Bricout et al. (2024) ·
	Scutaru et al. (2025) · Yániz et al. (2025) · EU Horizon 2020/Europe
	</p>
	</footer>

	<script>
	// ─── Scroll Reveal ───
	const revealObserver = new IntersectionObserver((entries) => {
	entries.forEach(entry => {
	if (entry.isIntersecting) {
	entry.target.classList.add('visible');
	}
	});
	}, { threshold: 0.08, rootMargin: '0px 0px -40px 0px' });

	document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));

	// ─── Nav scroll state ───
	const nav = document.getElementById('nav');
	let lastScroll = 0;
	window.addEventListener('scroll', () => {
	nav.classList.toggle('scrolled', window.scrollY > 50);

	// Active nav link
	const sections = ['overview', 'commercial', 'diy', 'research', 'budget'];
	const scrollPos = window.scrollY + 200;
	sections.forEach(id => {
	const section = document.getElementById(id);
	const link = document.querySelector(`.nav-links a[href="#${id}"]`);
	if (section && link) {
	if (scrollPos >= section.offsetTop && scrollPos < section.offsetTop + section.offsetHeight) {
	document.querySelectorAll('.nav-links a').forEach(a => a.classList.remove('active'));
	link.classList.add('active');
	}
	}
	});
	}, { passive: true });

	// ─── Expandable sections ───
	function toggleExpand(header) {
	const body = header.nextElementSibling;
	const isOpen = body.classList.contains('open');
	header.classList.toggle('open', !isOpen);
	body.classList.toggle('open', !isOpen);
	}

	// ─── Smooth scroll for intro cards ───
	document.querySelectorAll('.intro-card').forEach(card => {
	card.addEventListener('click', (e) => {
	if (e.target.tagName === 'A') return;
	e.preventDefault();
	const href = card.getAttribute('href');
	if (href) {
	document.querySelector(href)?.scrollIntoView({ behavior: 'smooth' });
	}
	});
	});

	// ─── Counter animation for hero stats ───
	const counterObserver = new IntersectionObserver((entries) => {
	entries.forEach(entry => {
	if (entry.isIntersecting) {
	const nums = entry.target.querySelectorAll('.num');
	nums.forEach(num => {
	const text = num.textContent;
	const match = text.match(/(\d+)/);
	if (match && !num.dataset.animated) {
	num.dataset.animated = 'true';
	const target = parseInt(match[0]);
	const suffix = text.replace(match[0], '').trim();
	const prefix = text.indexOf(match[0]) > 0 ? text.substring(0, text.indexOf(match[0])) : '';
	let current = 0;
	const step = Math.max(1, Math.floor(target / 40));
	const timer = setInterval(() => {
	current = Math.min(current + step, target);
	num.textContent = prefix + current + (current < target ? '' : (suffix ? ' ' + suffix : suffix));
	if (current >= target) {
	num.textContent = text;
	clearInterval(timer);
	}
	}, 30);
	}
	});
	counterObserver.unobserve(entry.target);
	}
	});
	}, { threshold: 0.5 });

	document.querySelectorAll('.hero-stats').forEach(el => counterObserver.observe(el));

	// ─── Subtle amber cursor glow on pointer devices ───
	const cursorGlow = document.getElementById('cursorGlow');
	if (cursorGlow && window.matchMedia('(pointer: fine)').matches) {
	window.addEventListener('pointermove', (e) => {
	cursorGlow.style.opacity = '1';
	cursorGlow.style.left = `${e.clientX}px`;
	cursorGlow.style.top = `${e.clientY}px`;
	}, { passive: true });
	window.addEventListener('pointerleave', () => { cursorGlow.style.opacity = '0'; });
	}
	</script>
	</body>
	</html>