Spaces:

aidn
/

beekeeping

Running

File size: 84,995 Bytes

<!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 &amp; 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 &amp; KI</h3>
          <p class="row-details">KI-Varroaerkennung &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: 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> &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));

// ─── 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>