/* Projektkarte BienenWaagenManager – im Design der BWM-Seite (bienenwaage/style.css):
   Material-3-Palette „Honig“ (Seed #F6A623), runde Formen, Systemschrift,
   Honig-Verlauf wie im Aufmacher, ein Ausschnitt der App als Bild. Hell + dunkel. */

.projekt--bienenwaage {
  --bw-honey: #F6A623;
  --bw-primary: #855300;
  --bw-on-primary: #FFFFFF;
  --bw-bg: #FFF8F4;
  --bw-surface: #FFFFFF;
  --bw-container: #F9ECE1;
  --bw-tertiary-container: #DAE9B6;
  --bw-text: #211A13;
  --bw-muted: #51453A;
  --bw-outline: #D5C4B5;
  --bw-up: #2E7D32;
  --bw-down: #C62828;
  color: var(--bw-text); border: 1px solid var(--bw-outline); border-radius: 20px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background:
    radial-gradient(900px 460px at 90% -20%, color-mix(in srgb, var(--bw-honey) 38%, transparent), transparent 70%),
    radial-gradient(640px 380px at -10% 120%, color-mix(in srgb, var(--bw-tertiary-container) 75%, transparent), transparent 70%),
    var(--bw-bg);
}
@media (prefers-color-scheme: dark) {
  .projekt--bienenwaage {
    --bw-primary: #FFB95C; --bw-on-primary: #472A00;
    --bw-bg: #19120C; --bw-surface: #211A13; --bw-container: #261E17; --bw-tertiary-container: #3F4B26;
    --bw-text: #EFE0D5; --bw-muted: #D5C4B5; --bw-outline: #51453A;
    --bw-up: #81C784; --bw-down: #EF9A9A;
  }
}
.projekt--bienenwaage .projekt-marke img { border-radius: 50%; }
.projekt--bienenwaage .projekt-name { font-weight: 800; line-height: 1.15; }
.projekt--bienenwaage .projekt-name small { display: block; font-weight: 500; font-size: .74rem; color: var(--bw-muted); }
.projekt--bienenwaage .projekt-motto { font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bw-primary); }
.projekt--bienenwaage h2 { font-size: clamp(1.9rem, 4.2vw, 2.9rem); font-weight: 800; letter-spacing: -.01em; line-height: 1.12; }
.projekt--bienenwaage h2 em { font-style: normal; color: var(--bw-primary); }
.projekt--bienenwaage .projekt-lede { color: var(--bw-muted); font-size: 1.08rem; }
.projekt--bienenwaage .projekt-fakten { gap: .5rem; }
.projekt--bienenwaage .projekt-fakten li { background: var(--bw-surface); border: 1px solid var(--bw-outline); border-radius: 8px; padding: 2px 10px; font-weight: 600; color: var(--bw-muted); }
.projekt--bienenwaage .projekt-link { background: var(--bw-primary); color: var(--bw-on-primary); }
.projekt--bienenwaage:hover .projekt-link { filter: brightness(1.08); }
.projekt--bienenwaage:hover { box-shadow: 0 1px 2px rgba(60, 40, 10, .08), 0 18px 44px rgba(60, 40, 10, .16); }

/* Ausschnitt der App: Handy mit Übersichtskacheln */
.bw-handy { width: 280px; max-width: 100%; margin-inline: auto; padding: 11px; border-radius: 38px; background: #1B1511; box-shadow: 0 30px 60px rgba(60, 35, 0, .25); }
.bw-screen { border-radius: 28px; background: var(--bw-bg); color: var(--bw-text); padding: 14px 12px 6px; }
.bw-bar { display: flex; justify-content: space-between; font-weight: 800; margin: 2px 4px 10px; font-size: .95rem; }
.bw-tile { background: var(--bw-container); border-radius: 16px; padding: 9px 12px 6px; margin-bottom: 8px; }
.bw-tile.hl { outline: 1.5px solid var(--bw-honey); }
.bw-tile-kopf { display: flex; justify-content: space-between; gap: .5rem; font-size: .72rem; }
.bw-tile-kopf b { font-size: .8rem; }
.bw-auf { color: var(--bw-up); font-weight: 700; }
.bw-ab { color: var(--bw-down); font-weight: 700; }
.bw-gewicht { font-size: 1.3rem; font-weight: 800; }
.bw-tile svg { display: block; width: 100%; height: 30px; }