/* lr-job.eu · Effekte (31.10.2026) · Copyright ONLINE NETWORK VISION S.L. · Kennung lrj-effekte-20261031
   Eigene Bausteine: Wortflug im Auftakt (Schwalbe landet auf „Dein eigenes Business. Ab heute."), Füllknöpfe im Paketfinder,
   Glasmenü (PC) und Flussleiste (Handy, ersetzt dort die Leiste unten). Farben aus stil.css (Grün #0F7A5A, Tinte #10201A). */

/* ---- Auftakt: Schwalbe landet auf der Überschrift, Glanz läuft über das Wort, goldene Funken steigen auf ---- */
.auftakt .wf-held{--wf-vogel:1.12;--wf-glanz:rgba(255,255,255,.92);--wf-funken:#C9A24A}
@media (max-width:640px){.auftakt .wf-held{--wf-vogel:1.35}}

/* ---- Paketfinder mit Füllknöpfen: Antwort füllt sich in LR-Grün (Logik in seite.js bleibt, Knöpfe werden nur beobachtet) ---- */
.wahl[data-fuellwahl] .fuellknopf{--fu-farbe:var(--gruen,#0F7A5A);--fu-text:var(--ink,#10201A);--fu-glas:rgba(255,255,255,.7);--fu-zeit:.9s}
.wahl[data-fuellwahl] button.fuellknopf{border:0;min-height:48px;padding:10px 18px 10px 14px;font-size:.92rem;background:transparent}
.wahl[data-fuellwahl] button.fuellknopf.an{background:transparent;border-color:transparent;color:#fff}
.wahl[data-fuellwahl] .fuellknopf .fu-zeichen{width:18px;height:18px}

/* ---- Glasmenü im Kopf: Lichtfleck auf dem Abschnitt, der gerade im Bild ist ----
   Die Seite blendet die Kopf-Navigation aus, sobald es den Knopf „Menü" gibt (menue.js). Ab 1280 px zeigen wir wieder die
   Abschnitte DIESER Seite als Glasmenü; die anderen Seiten stehen weiter im Menü. */
@media (min-width:1280px){
  .leiste-kopf:has(#menue-knopf) nav.glasmenue{display:flex;margin-left:auto}
  .leiste-kopf nav.glasmenue a:not([href^="#"]){display:none}
  .leiste-kopf nav.glasmenue ~ #menue-knopf{margin-left:6px}
}
.leiste-kopf nav.glasmenue{--gm-glas:transparent;--gm-licht:rgba(255,255,255,.97);--gm-glanz:var(--gruen,#0F7A5A);--gm-text:var(--ink2,#3E5249);--gm-text-hier:var(--ink,#10201A);padding:0;gap:2px}
.leiste-kopf nav.glasmenue::before{display:none}
.leiste-kopf nav.glasmenue .gm-licht{top:0;bottom:0;box-shadow:0 0 0 1px rgba(15,122,90,.18) inset,0 6px 16px -8px rgba(15,122,90,.55),0 0 18px -6px rgba(15,122,90,.45)}
.leiste-kopf nav.glasmenue a:hover{background:transparent;color:var(--ink,#10201A)}

/* ---- Flussleiste (Handy): ersetzt die Leiste unten – Lina · Pakete · Rising Star · Einsteigen ---- */
.flussleiste.lr-fluss{--fl-tropfen:var(--gruen,#0F7A5A);--fl-flaeche:#FFFFFF;--fl-rand:rgba(16,32,26,.1);--fl-text:var(--ink,#10201A);--fl-aktiv:#fff}
@media (max-width:899px){
  .leiste:not(.glas){display:none!important}   /* 02.11.2026: Kopf der Unterseiten (.leiste.glas) bleibt sichtbar */
  /* Platz unten hält .fuss schon frei (130 px wie für die alte Leiste) */
}

/* ---- Impeccable-Feinschliff ---- */
p,li{text-wrap:pretty}
/* Grüne Tastknöpfe: Weiß auf Glanz + hellem Verlaufsende lag bei 4,1:1 → Glanz schwächer, Verlauf im LR-Grün, Weiß überall ≥ 4,8:1 */
.tastknopf:not(.-hell){--tk-hell:#0F7A5A}
.tastknopf:not(.-hell) .tk-flaeche{background-image:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,0) 46%),linear-gradient(var(--tk-hell),var(--tk-farbe))}