Spaces:

aidn
/

beekeeping

Running

App Files Files Community

aidn commited on 3 days ago

Commit

ac26841

verified ·

1 Parent(s): 842020f

Update index.html

Browse files

Files changed (1) hide show

index.html +1639 -19

index.html CHANGED Viewed

@@ -1,19 +1,1639 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!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;
+    --border: rgba(255,255,255,0.06);
+    --border-hover: rgba(255,255,255,0.12);
+    --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: 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;
+  }
+  /* ─── 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: rgba(10, 10, 15, 0.85);
+    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
+    border-bottom: 1px solid var(--border);
+  }
+  .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: 6rem 1.5rem 4rem;
+    position: relative; z-index: 1;
+  }
+  .hero-badge {
+    display: inline-flex; align-items: center; gap: 0.5rem;
+    padding: 0.4rem 1rem;
+    background: rgba(245, 158, 11, 0.1);
+    border: 1px solid rgba(245, 158, 11, 0.2);
+    border-radius: 100px;
+    font-size: 0.75rem; font-weight: 600;
+    color: var(--amber);
+    margin-bottom: 2rem;
+    letter-spacing: 0.02em;
+  }
+  .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, var(--amber-light) 0%, var(--amber) 50%, #d97706 100%);
+    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+  .hero .subtitle {
+    font-size: 1.15rem;
+    color: var(--text-muted);
+    max-width: 600px;
+    line-height: 1.8;
+    margin-bottom: 2.5rem;
+  }
+  .hero-stats {
+    display: flex; gap: 3rem; flex-wrap: wrap; justify-content: center;
+    margin-bottom: 3rem;
+  }
+  .hero-stat {
+    text-align: center;
+  }
+  .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-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: 800;
+    letter-spacing: -0.02em;
+    margin-bottom: 0.75rem;
+    line-height: 1.2;
+  }
+  .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.08) 0%, rgba(245,158,11,0.02) 100%);
+    border: 1px solid rgba(245,158,11,0.15);
+    border-radius: var(--radius);
+    padding: 2rem 2.5rem;
+    margin-bottom: 4rem;
+    position: relative;
+    overflow: hidden;
+  }
+  .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;
+  }
+  .summary-card strong { color: var(--amber-light); }
+  /* ─── Intro Cards (Overview) ─── */
+  .intro-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1.25rem;
+    margin-bottom: 4rem;
+  }
+  @media (max-width: 768px) {
+    .intro-grid { grid-template-columns: 1fr; }
+  }
+  .intro-card {
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 2rem;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    position: relative;
+    overflow: hidden;
+    cursor: pointer;
+    text-decoration: none;
+    color: inherit;
+    display: block;
+  }
+  .intro-card::after {
+    content: '';
+    position: absolute; inset: 0;
+    border-radius: var(--radius);
+    opacity: 0;
+    transition: opacity 0.4s;
+  }
+  .intro-card:hover {
+    border-color: var(--border-hover);
+    transform: translateY(-4px);
+    background: var(--bg-card-hover);
+  }
+  .intro-card:hover::after { opacity: 1; }
+  .intro-card .card-num {
+    font-family: var(--mono);
+    font-size: 0.65rem;
+    color: var(--text-dim);
+    margin-bottom: 1.25rem;
+    letter-spacing: 0.05em;
+  }
+  .intro-card h3 {
+    font-size: 1.2rem; font-weight: 700;
+    margin-bottom: 0.5rem;
+  }
+  .intro-card .card-desc {
+    font-size: 0.82rem;
+    color: var(--text-muted);
+    line-height: 1.7;
+  }
+  .intro-card .card-arrow {
+    margin-top: 1.5rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    color: var(--amber);
+    display: flex; align-items: center; gap: 0.4rem;
+    transition: gap 0.3s;
+  }
+  .intro-card:hover .card-arrow { gap: 0.7rem; }
+  .card-accent-blue { --card-accent: var(--blue); }
+  .card-accent-amber { --card-accent: var(--amber); }
+  .card-accent-green { --card-accent: var(--green); }
+  .card-accent-purple { --card-accent: var(--purple); }
+  .intro-card .card-dot {
+    width: 8px; height: 8px;
+    border-radius: 50%;
+    background: var(--card-accent, var(--amber));
+    margin-bottom: 1rem;
+  }
+  /* ─── Automatisierbarkeits-Grid ─── */
+  .auto-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 1rem;
+    margin: 2rem 0;
+  }
+  .auto-item {
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    padding: 1.25rem;
+    text-align: center;
+    transition: all 0.3s;
+  }
+  .auto-item:hover {
+    border-color: var(--border-hover);
+    background: var(--bg-card-hover);
+  }
+  .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 var(--border);
+    border-radius: var(--radius-sm);
+  }
+  table {
+    width: 100%; border-collapse: collapse;
+    font-size: 0.82rem;
+  }
+  table th {
+    text-align: left; padding: 0.75rem 1rem;
+    font-weight: 600; font-size: 0.7rem;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--text-muted);
+    background: rgba(255,255,255,0.02);
+    border-bottom: 1px solid var(--border);
+    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(255,255,255,0.015); }
+  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: var(--radius-sm);
+    padding: 1.25rem 1.5rem;
+    margin: 1.5rem 0;
+    font-size: 0.85rem;
+    line-height: 1.8;
+    border: 1px solid;
+  }
+  .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: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    padding: 1.25rem;
+    text-align: center;
+    transition: all 0.3s;
+  }
+  .stat-box:hover {
+    border-color: var(--border-hover);
+  }
+  .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: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    padding: 1.5rem 1.75rem;
+    margin: 1rem 0;
+    transition: all 0.3s;
+  }
+  .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: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    padding: 1.5rem;
+    transition: all 0.3s;
+  }
+  .rec-card:hover {
+    border-color: var(--border-hover);
+    background: var(--bg-card-hover);
+  }
+  .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 var(--border);
+  }
+  .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);
+  }
+  /* ─── Mobile ─── */
+  @media (max-width: 600px) {
+    .hero { padding: 5rem 1rem 3rem; min-height: auto; }
+    .hero h1 { font-size: 2rem; }
+    .hero-stats { gap: 1.5rem; }
+    .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>
+<!-- ─── 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>
+  <p class="subtitle">
+    Stand der Technik für Privatanwender – von kommerziellen IoT-Systemen
+    über DIY-Eigenbau bis zu KI-gestützter Forschung. Budgets ab 35 €.
+  </p>
+  <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="intro-grid">
+      <a href="#commercial" class="intro-card card-accent-blue reveal reveal-delay-1">
+        <div class="card-dot"></div>
+        <div class="card-num">01</div>
+        <h3>Kommerzielle Systeme</h3>
+        <p class="card-desc">
+          15+ Anbieter im Vergleich: 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>). Varroa-Systeme ab 70 €.
+        </p>
+        <div class="card-arrow">Marktübersicht →</div>
+      </a>
+      <a href="#diy" class="intro-card card-accent-amber reveal reveal-delay-2">
+        <div class="card-dot"></div>
+        <div class="card-num">02</div>
+        <h3>DIY &amp; Open-Source</h3>
+        <p class="card-desc">
+          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 €).
+          Budget-Szenarien vom 35 €-Minimaleinstieg bis 200 €-Premium.
+        </p>
+        <div class="card-arrow">Eigenbau-Guide →</div>
+      </a>
+      <a href="#research" class="intro-card card-accent-purple reveal reveal-delay-3">
+        <div class="card-dot"></div>
+        <div class="card-num">03</div>
+        <h3>Forschung &amp; KI</h3>
+        <p class="card-desc">
+          KI-Varroaerkennung mit &lt;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-Spitzenforschung: we4bee Würzburg, FU Berlin.
+        </p>
+        <div class="card-arrow">Forschungsstand →</div>
+      </a>
+    </div>
+    <!-- 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> &amp;
+      <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 &amp; 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 &amp; 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, &gt;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, &gt;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, &gt;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &lt;1 % bei &gt;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 &gt;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">&gt;99%</div><div class="label">Königinnen-Präsenz (Dokukin, 70–130 Hz)</div></div>
+      <div class="stat-box"><div class="num">&gt;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 (&gt;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. &gt;100 intelligente Bienenstöcke
+      deutschlandweit, 14 Sensoren pro Stock, 101 Mrd. Sensordaten, &gt;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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));
+</script>
+</body>
+</html>