/* ===========================================================================
   Theme „Ackerpiloten“ — Ergänzungen für die Website-Portal-Vorlage
   Die eigentliche Gestaltung steht in assets/build/site.css (aus dem
   Redesign gebaut). Hier nur, was die Vorlagen des Portals zusätzlich
   brauchen: Menü-Hülle, gestaffelte Einblendungen (vorher Inline-Stile),
   Hinweis-Leisten und offene Punkte in der Vorschau.
   =========================================================================== */

/* Menü: <nav id="ws-menue"> umschließt die Liste, ohne das Layout zu ändern */
.nav-menu { display: contents; }

/* Gestaffelte Einblendung — wie im Redesign (style="--d:…") */
.svc-grid > .svc-card:nth-child(4n+2), .stats-grid > .stat:nth-child(4n+2), .about-values > div:nth-child(2) { --d: .08s; }
.svc-grid > .svc-card:nth-child(4n+3), .stats-grid > .stat:nth-child(4n+3), .about-values > div:nth-child(3) { --d: .16s; }
.svc-grid > .svc-card:nth-child(4n+4), .stats-grid > .stat:nth-child(4n+4), .about-values > div:nth-child(4) { --d: .24s; }
.about-values > div:nth-child(5) { --d: .32s; }
.about-values > div:nth-child(6) { --d: .40s; }
.about-copy > p[data-reveal]:nth-of-type(2) { --d: .1s; }
.fact-strip > .fact:nth-child(2) { --d: .08s; }
.fact-strip > .fact:nth-child(3) { --d: .16s; }
.fact-strip > .fact:nth-child(4) { --d: .24s; }

.legal-stand { font-size: 13px; color: var(--ink-3); margin-top: 28px; }
.ws-nur-leser { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Hinweise aus dem Portal („Aktuelles“): Leiste über der Seite oder Fenster */
.ws-leiste { position: relative; z-index: 120; background: var(--forest); color: #eef1ec; font-size: 14px; }
.ws-leiste[hidden], .ws-fenster[hidden] { display: none; }
.ws-leiste-innen { max-width: 1200px; margin: 0 auto; padding: 10px 56px 10px var(--gutter, 20px); display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.ws-leiste-innen p { margin: 0; }
.ws-leiste-innen strong { color: var(--lime-hi, #a6d23f); }
.ws-leiste .ws-knopf { color: var(--forest); background: var(--lime-hi, #a6d23f); border-radius: 999px; padding: 6px 14px; font-weight: 600; font-size: 13px; }
.ws-leiste-zu { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: transparent; color: inherit; cursor: pointer; }
body:has(.ws-leiste:not([hidden])) .nav { top: 58px; }
.ws-fenster { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 20px; background: rgba(13, 27, 16, .55); backdrop-filter: blur(6px); }
.ws-fenster-tafel { max-width: 520px; width: 100%; padding: clamp(24px, 4vw, 40px); border-radius: 24px; background: var(--bg-elev); color: var(--ink); border: 1px solid var(--line); box-shadow: var(--card-shadow); }
.ws-fenster-tafel h2 { font-size: clamp(24px, 3vw, 32px); margin: 8px 0 12px; }
.ws-fenster-bild { width: 100%; border-radius: 16px; margin-bottom: 16px; }
.ws-knopfzeile { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.ws-fenster .ws-knopf { display: inline-flex; align-items: center; padding: 12px 20px; border-radius: 999px; background: var(--forest); color: #fff; font-weight: 600; border: 1px solid transparent; cursor: pointer; }
.ws-fenster .ws-knopf--zweit { background: transparent; color: var(--ink); border-color: var(--line); }

/* Vorschau im Portal: offene Punkte der Rechtstexte sichtbar machen */
.ws-luecke { border: 2px dashed #d9534f; border-radius: 12px; padding: 10px 14px; color: #b52b27; }