/* Projektkarte Parzello – im Design der Parzello-Seite (parzello/assets/style.css):
   Material 3 mit Seed #2E6B3A (Grün), große Rundungen, Systemschrift,
   die Kartenansicht der App mit Flächen auf dem Luftbild als Bild. Hell + dunkel. */

.projekt--parzello {
  --pz-brand: #2E6B3A;
  --pz-primary: #2E6A3E;
  --pz-on-primary: #FFFFFF;
  --pz-tertiary-container: #BCEBF0;
  --pz-secondary-container: #D3E8D3;
  --pz-bg: #F6FBF3;
  --pz-surface: #FFFFFF;
  --pz-text: #181D18;
  --pz-muted: #414941;
  --pz-outline: #C1C9BF;
  color: var(--pz-text); border: 1px solid var(--pz-outline); border-radius: 28px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background:
    radial-gradient(860px 460px at 92% -20%, color-mix(in srgb, var(--pz-brand) 30%, transparent), transparent 70%),
    radial-gradient(620px 380px at -10% 120%, color-mix(in srgb, var(--pz-tertiary-container) 70%, transparent), transparent 70%),
    var(--pz-bg);
}
@media (prefers-color-scheme: dark) {
  .projekt--parzello {
    --pz-primary: #96D5A0; --pz-on-primary: #00391A;
    --pz-tertiary-container: #1F4D52; --pz-secondary-container: #384B3A;
    --pz-bg: #101510; --pz-surface: #181D18; --pz-text: #DFE4DD; --pz-muted: #C1C9BF; --pz-outline: #414941;
  }
}
.projekt--parzello .projekt-marke img { border-radius: 10px; width: 36px; height: 36px; }
.projekt--parzello .projekt-name { font-weight: 800; font-size: 1.15rem; }
.projekt--parzello .projekt-motto { font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pz-primary); }
.projekt--parzello h2 { font-size: clamp(1.9rem, 4.2vw, 2.9rem); font-weight: 800; letter-spacing: -.01em; line-height: 1.12; }
.projekt--parzello h2 em { font-style: normal; color: var(--pz-primary); }
.projekt--parzello .projekt-lede { color: var(--pz-muted); font-size: 1.08rem; }
.projekt--parzello .projekt-fakten { gap: .5rem; }
.projekt--parzello .projekt-fakten li { background: var(--pz-surface); border: 1px solid var(--pz-outline); border-radius: 8px; padding: 2px 10px; font-weight: 600; color: var(--pz-muted); }
.projekt--parzello .projekt-link { background: var(--pz-primary); color: var(--pz-on-primary); }
.projekt--parzello:hover .projekt-link { filter: brightness(1.08); }
.projekt--parzello:hover { box-shadow: 0 1px 2px rgba(0, 33, 11, .08), 0 18px 44px rgba(0, 33, 11, .18); }

/* Ausschnitt der App: Karte mit Flächen auf dem Luftbild und Flächenblatt */
.pz-handy { width: 280px; max-width: 100%; margin-inline: auto; padding: 11px; border-radius: 40px; background: #141814; box-shadow: 0 30px 60px rgba(0, 33, 11, .28); }
.pz-screen { border-radius: 30px; overflow: hidden; background: var(--pz-bg); color: var(--pz-text); }
.pz-bar { display: flex; justify-content: space-between; padding: 14px 16px 10px; font-weight: 700; font-size: 1.02rem; }
.pz-bar span { color: var(--pz-muted); font-weight: 500; font-size: .74rem; }
.pz-karte { display: block; width: 100%; height: auto; }
.pz-blatt { padding: 10px 14px 14px; font-size: .76rem; }
.pz-blatt b { font-size: .9rem; }
.pz-blatt-kopf { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.pz-tag { background: #43A047; color: #fff; border-radius: 6px; padding: 1px 7px; font-size: .64rem; font-weight: 700; }
.pz-zeile { display: flex; justify-content: space-between; gap: 8px; padding: 5px 0; border-top: 1px solid var(--pz-outline); }
.pz-zeile small { color: var(--pz-muted); }