/* OKNXT Unterseite Pipeline. Baut auf site.css, abschnitte.css und agenten-seite.css auf (Abstände 150 px wie überall).
   Software-Ansichten hell wie in OKNXT, in den OKNXT-Farben. Alle Namen, Nummern und Adressen sind erfunden.
   Achtung: --w und --dreh sind seitenweit als Winkel registriert, hier nicht verwenden. */

.pl-seite{--h-grund:#F2F4F9;--h-karte:#FFFFFF;--h-linie:#E2E7F1;--h-text:#161B2E;--h-text-2:#667089;--h-text-3:#98A1B5;
  --pl-blau:#2F6BFF;--pl-cyan:#00A8C0;--pl-gruen:#16A36A;--pl-bern:#F59E0B;--pl-rot:#E5484D;--pl-pink:#D6338A;--pl-violett:#7B3BFF;--pl-tuerkis:#0FA3A3;--pl-grau:#8A93A8}
.pl-hell{color:var(--h-text)}

/* ---------- Bausteine: Umschalter, Auswahl, Board, Spalten, Karten ---------- */
.pl-umschalter{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:var(--pl-f1,#fff);border:1px solid var(--h-linie)}
.pl-umschalter em,.pl-umschalter button{padding:7px 12px;border:0;border-radius:8px;background:none;font:600 .74rem/1 "Manrope",sans-serif;font-style:normal;color:var(--h-text-2);cursor:pointer;transition:background .3s,color .3s}
.pl-umschalter .an{color:#fff;background:linear-gradient(100deg,#2F6BFF,#7B3BFF)}
.pl-wahl{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:9px;background:var(--pl-f1,#fff);border:1px solid var(--h-linie);font-size:.76rem;font-weight:600}
.pl-wahl svg{width:13px;height:13px;color:var(--h-text-2)}
.pl-suche{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:9px;background:var(--pl-f1,#fff);border:1px solid var(--h-linie);font-size:.72rem;color:var(--h-text-3)}
.pl-suche svg{width:13px;height:13px}
.pl-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;align-items:start}
.pl-spalte{min-width:0;display:flex;flex-direction:column;gap:8px;min-height:100%;padding:0 0 10px;border-radius:12px;background:var(--pl-spalte-bg,#E8ECF4)}
.pl-spalte>header{position:relative;display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:12px 12px 10px 10px;background:var(--pl-f1,#fff);box-shadow:0 6px 16px -12px rgba(22,27,46,.35)}
.pl-spalte>header::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,var(--f),color-mix(in srgb,var(--f) 30%,var(--pl-mix,#fff)))}
.pl-ic{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--f);background:color-mix(in srgb,var(--f) var(--pl-mix-p,12%),var(--pl-mix,#fff));transition:color .4s,background .4s}
.pl-ic svg{width:15px;height:15px}
.pl-spalte>header small{display:block;font-size:.64rem;color:var(--h-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-spalte>header>span:nth-child(2){min-width:0;flex:1}
.pl-zahl{display:inline-block;font-size:1rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.pl-zahl.springt{animation:pl-springt .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes pl-springt{40%{transform:scale(1.35);color:var(--f)}}
.pl-mehr{font-style:normal;color:var(--h-text-3);letter-spacing:1px}
.pl-spalte ul{list-style:none;margin:0;padding:0 7px;display:grid;gap:7px}
.pl-karte,.pl-ik{position:relative;display:grid;gap:5px;padding:9px 10px 10px;border-radius:10px;background:var(--pl-karte-bg,#fff);border:1px solid var(--h-linie);box-shadow:0 4px 10px -8px rgba(22,27,46,.4);font-size:.7rem}
.pl-karte b,.pl-ik b{font-size:.74rem;font-weight:700;line-height:1.25;padding-right:22px}
.pl-karte dl{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0;font-size:.6rem}
.pl-karte dt{color:var(--h-text-3)}.pl-karte dd{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-av{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font:700 .5rem/1 "Manrope",sans-serif;font-style:normal;color:#fff;background:linear-gradient(140deg,#5CCBFF,#2F6BFF)}
.pl-k-objekt .pl-av{top:auto;bottom:8px}
.pl-hinweis{margin:-9px -10px 2px;padding:6px 10px;border-radius:10px 10px 0 0;border-bottom:1px solid var(--h-linie);background:var(--pl-hw-bg,#F7F4EE);font-size:.5rem;font-weight:600;color:var(--pl-hw-t,#9A7A4F);display:flex;justify-content:space-between;align-items:center;white-space:nowrap;overflow:hidden}
.pl-hinweis em{font-style:normal;padding:2px 6px;border-radius:999px;background:var(--pl-hw-em,#EDE4D6)}
.pl-hinweis.wechselt{animation:pl-hinweis 1s ease}
@keyframes pl-hinweis{0%{background:var(--pl-hw-bg,#F7F4EE)}30%{background:var(--pl-gruen-bg,#E4F6EC);color:var(--pl-gruen-t,#11804F)}100%{background:var(--pl-hw-bg,#F7F4EE)}}
.pl-foto{position:relative;display:block;margin:-6px -10px 2px;height:74px;overflow:hidden}
.pl-foto img{width:100%;height:100%;max-width:none;object-fit:cover}
.pl-foto::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(10,12,20,.7))}
.pl-foto em{position:absolute;z-index:1;left:9px;bottom:6px;font:700 .58rem/1 "JetBrains Mono",monospace;font-style:normal;color:#fff;letter-spacing:.06em}
.pl-k-bild .pl-hinweis{margin-bottom:0}
.pl-zeiger{position:absolute;z-index:9;left:0;top:0;width:26px;height:26px;pointer-events:none;opacity:0;transform:translate(var(--zx,60%),var(--zy,60%));transition:transform .95s cubic-bezier(.65,0,.35,1),opacity .4s}
.pl-zeiger.da{opacity:1}
.pl-zeiger svg{width:26px;height:26px;fill:#161B2E;stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.pl-zeiger i{position:absolute;left:3px;top:2px;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:2px solid #2F6BFF;opacity:0}
.pl-zeiger.klick i{animation:pl-ring .6s ease-out}
.pl-zeiger.klick svg{animation:pl-druck .3s ease}
@keyframes pl-ring{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.4)}}
@keyframes pl-druck{50%{transform:scale(.82)}}
/* Karte, die gerade getragen wird */
.pl-traegt{z-index:20;box-shadow:0 30px 50px -18px rgba(22,27,46,.6),0 0 0 2px #9DB6FF!important}
.pl-ziel-spalte{background:var(--pl-ziel,#DCE6FF);transition:background .3s}

/* ---------- P1 · Einstieg ---------- */
.pl-start{position:relative;padding:clamp(28px,5vh,64px) var(--seitenrand) 0}
.pl-start-innen{max-width:var(--ab-breite);margin:0 auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,4vw,56px);align-items:center;min-height:calc(100svh - var(--oben-hoehe,100px) - 40px)}
.pl-start .h1{max-width:13ch;font-size:clamp(2.3rem,4.2vw,4rem)}
.pl-start .unterzeile{max-width:42ch}
.pl-fakten{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pl-fakten li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:.84rem;color:var(--text-2);border:1px solid var(--linie-stark);background:color-mix(in srgb,var(--panel) 80%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.pl-fakten li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--verlauf);box-shadow:0 0 8px rgba(47,107,255,.8)}
.pl-start .einstieg-aktionen{display:flex;margin-top:32px}
.pl-buehne{position:relative;perspective:1800px;padding:30px 0 0}
.pl-buehne::before{content:"";position:absolute;inset:-4% -8%;background:radial-gradient(50% 50% at 55% 50%,rgba(47,107,255,.4),transparent 70%),radial-gradient(35% 40% at 85% 80%,rgba(155,5,254,.28),transparent 70%);filter:blur(20px);pointer-events:none;opacity:0;transition:opacity 1.6s ease .2s}
.pl-an.pl-buehne::before{opacity:1}
.pl-schirm{--rx:18deg;--ry:-18deg;position:relative;display:grid;gap:12px;padding:14px;border-radius:20px;background:var(--h-grund);border:1px solid rgba(255,255,255,.6);
  box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 0 1px rgba(143,164,255,.25),0 0 90px -30px rgba(92,203,255,.6);
  transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;opacity:0;translate:0 60px;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1s ease,translate 1.3s cubic-bezier(.22,1,.36,1)}
.pl-an .pl-schirm{--rx:6deg;--ry:-10deg;opacity:1;translate:0 0}
.pl-buehne.pl-folgt .pl-schirm{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity 1s ease,translate 1.3s cubic-bezier(.22,1,.36,1)}
.pl-schirm-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.pl-schirm-kopf>b{font-size:1rem;font-weight:700}
.pl-schirm-kopf>small{font-size:.66rem;color:var(--h-text-2);margin-right:auto}
.pl-held{min-height:330px}
.pl-held .pl-spalte{opacity:0;transform:translateY(24px) rotateX(-20deg);transform-origin:50% 0;transition:opacity .6s ease calc(.5s + var(--n) * .1s),transform .9s cubic-bezier(.22,1.2,.4,1) calc(.5s + var(--n) * .1s),background .3s}
.pl-an .pl-held .pl-spalte{opacity:1;transform:none}
.pl-held .pl-karte{transform:translateZ(14px)}
.pl-chip{position:absolute;z-index:3;right:-2%;bottom:-6px;display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;font-size:.78rem;color:var(--text);background:rgba(14,17,27,.86);border:1px solid rgba(143,164,255,.35);box-shadow:0 20px 40px -18px rgba(0,0,0,.9),0 0 30px -10px rgba(47,107,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;translate:0 14px;transition:opacity .5s ease,translate .7s cubic-bezier(.22,1,.36,1)}
.pl-chip i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(140deg,var(--cyan),var(--violett))}
.pl-chip svg{width:12px;height:12px;color:#fff}
.pl-chip.da{opacity:1;translate:0 0}

/* ---------- P2 · Drei Welten ---------- */
.pl-welten-reiter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1080px;margin:0 auto 18px}
.pl-welt{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:3px;align-items:center;text-align:left;padding:16px 18px;border-radius:16px;border:1px solid var(--linie);background:color-mix(in srgb,var(--panel) 85%,transparent);color:var(--text-2);font:inherit;cursor:pointer;transition:border-color .3s,background .3s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.pl-welt:hover{border-color:var(--linie-stark)}
.pl-welt-ic{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--linie-stark);transition:background .4s,border-color .4s}
.pl-welt-ic svg{width:19px;height:19px}
.pl-welt b{font-size:1.1rem;font-weight:600;color:var(--text)}
.pl-welt small{font-size:.78rem;color:var(--text-3)}
.pl-welt.an{border-color:transparent;background:linear-gradient(var(--panel-2),var(--panel-2)) padding-box,linear-gradient(120deg,var(--cyan),var(--blau) 45%,var(--violett)) border-box;transform:translateY(-3px);box-shadow:0 20px 50px -30px rgba(47,107,255,.9)}
.pl-welt.an .pl-welt-ic{border-color:transparent;background:linear-gradient(140deg,var(--cyan),var(--blau) 55%,var(--violett))}
.pl-welt.an small{color:var(--text-2)}
.pl-welt-fenster{position:relative;max-width:1080px;margin:0 auto;padding:16px;border-radius:22px;background:var(--h-grund);border:1px solid rgba(255,255,255,.55);box-shadow:0 50px 100px -50px rgba(0,0,0,.95),0 0 120px -40px rgba(92,203,255,.45)}
.pl-welt-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:14px}
.pl-welt-kopf .pl-suche{margin-left:auto}
.pl-welt-board{min-height:300px;perspective:1200px}
.pl-welt-board .pl-spalte{transform-origin:50% 0;transition:opacity .4s ease calc(var(--n) * .05s),transform .7s cubic-bezier(.22,1.2,.4,1) calc(var(--n) * .07s)}
.pl-welt-board.raus .pl-spalte{opacity:0;transform:translateY(30px) rotateX(-35deg);transition:opacity .25s ease calc(var(--n) * .03s),transform .35s ease calc(var(--n) * .03s)}
.pl-welt-board.rein .pl-spalte{opacity:0;transform:translateY(-20px) rotateX(35deg);transition:none}
.pl-welt-board .pl-karte{animation:pl-karte-rein .5s cubic-bezier(.22,1,.36,1) calc(.25s + var(--n) * .08s) both}
@keyframes pl-karte-rein{from{opacity:0;transform:translateY(10px) scale(.96)}}

/* ---------- P3 · Interessenten ---------- */
.pl-int{position:relative;max-width:1080px;margin:0 auto;padding:16px;border-radius:22px;background:var(--h-grund);border:1px solid rgba(255,255,255,.55);box-shadow:0 50px 100px -50px rgba(0,0,0,.95),0 0 120px -40px rgba(155,5,254,.4)}
.pl-int-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px}
.pl-int-objekt{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:.8rem}
.pl-int-objekt img{width:52px;height:36px;max-width:none;object-fit:cover;border-radius:7px}
.pl-int-objekt small{color:var(--h-text-2)}
.pl-int-board{min-height:270px;grid-auto-columns:minmax(0,1fr)}
.pl-int-board .pl-spalte{transition:opacity .35s ease calc(var(--n) * .05s),transform .55s cubic-bezier(.22,1,.36,1) calc(var(--n) * .05s),background .3s}
.pl-int-board.raus .pl-spalte{opacity:0;transform:translateY(16px)}
.pl-ik small{font-size:.62rem;color:var(--h-text-2)}
.pl-ik .pl-hinweis{font-size:.52rem}
.pl-auto{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;color:#fff;background:linear-gradient(140deg,var(--cyan),var(--violett));box-shadow:0 0 0 0 rgba(47,107,255,.6)}
.pl-auto svg{width:12px;height:12px}
.pl-auto.feuert{animation:pl-feuer 1.2s ease-out}
@keyframes pl-feuer{0%{box-shadow:0 0 0 0 rgba(47,107,255,.8);transform:scale(1)}30%{transform:scale(1.25)}100%{box-shadow:0 0 0 14px rgba(47,107,255,0);transform:scale(1)}}
.pl-int-fuss{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--pl-f1,#fff);border:1px solid var(--h-linie)}
.pl-int-abschluss{font-size:.62rem;color:var(--h-text-2);letter-spacing:.06em}
.pl-abschluss-liste{color:var(--h-text);font-family:"Manrope",sans-serif;letter-spacing:0;font-size:.74rem;font-weight:600;text-transform:none}
.pl-int-fuss a{font-size:.8rem;font-weight:600;color:var(--pl-blau-t,#2F6BFF);text-decoration:none}
.pl-int-fuss a:hover{text-decoration:underline}
.pl-toast{position:absolute;z-index:8;left:50%;bottom:76px;display:inline-flex;align-items:center;gap:9px;margin:0;padding:10px 16px;border-radius:999px;transform:translateX(-50%);background:#161B2E;color:#fff;font-size:.78rem;box-shadow:0 20px 40px -14px rgba(22,27,46,.7);white-space:nowrap;animation:pl-toast 3.2s ease both}
.pl-toast svg{width:14px;height:14px;padding:3px;box-sizing:content-box;border-radius:50%;background:linear-gradient(140deg,var(--cyan),var(--violett))}
@keyframes pl-toast{0%{opacity:0;transform:translate(-50%,10px)}12%,82%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,6px)}}

/* ---------- P4 · Eigene Pipelines: ein Fenster, drei gleich hohe Spalten ---------- */
.pl-eigen{position:relative;max-width:1080px;margin:0 auto;padding:18px;border-radius:22px;background:var(--h-grund);border:1px solid rgba(255,255,255,.55);box-shadow:0 50px 100px -50px rgba(0,0,0,.95),0 0 120px -40px rgba(92,203,255,.45)}
.pl-eigen-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 2px 14px}
.pl-eigen-kopf b{font-size:1.05rem;font-weight:700}
.pl-eigen-schritte{display:flex;gap:6px;font-size:.58rem;font-weight:600;color:var(--h-text-2)}
.pl-eigen-schritte span{padding:5px 9px;border-radius:999px;background:var(--pl-f1,#fff);border:1px solid var(--h-linie);transition:color .3s,background .3s,border-color .3s}
.pl-eigen-schritte span.an{color:#fff;border-color:transparent;background:linear-gradient(100deg,#2F6BFF,#7B3BFF)}
.pl-eigen-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.pl-spalte-e{display:flex;flex-direction:column;min-width:0;padding:14px;border-radius:16px;background:var(--pl-f1,#fff);border:1px solid var(--h-linie)}
.pl-e-titel{margin:0 0 10px;font-size:.6rem;font-weight:600;color:var(--h-text-2)}
.pl-bib-gruppe{margin:10px 2px 5px;font-size:.54rem;font-weight:600;color:var(--h-text-3)}
.pl-bib-gruppe:first-of-type{margin-top:0}
.pl-bib-vorlage{position:relative;margin-bottom:6px;padding:9px 40px 9px 12px;border-radius:11px;background:var(--pl-f2,#FAFBFD);border:1px solid var(--h-linie);transition:border-color .3s,box-shadow .3s,transform .3s}
.pl-bib-vorlage b{display:block;font-size:.8rem}
.pl-bib-vorlage small{display:block;font-size:.64rem;color:var(--h-text-2)}
.pl-bib-plus{position:absolute;right:10px;top:50%;display:grid;place-items:center;width:22px;height:22px;margin-top:-11px;border-radius:50%;font-weight:700;color:var(--pl-blau-t,#2F6BFF);background:var(--pl-blass,#EEF2FF)}
.pl-bib-vorlage.hebt{border-color:#9DB6FF;box-shadow:0 0 0 3px rgba(47,107,255,.12);transform:translateX(4px)}
.pl-vw-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pl-vw{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;background:var(--pl-f2,#FAFBFD);border:1px solid var(--h-linie)}
.pl-vw>span{display:grid;gap:1px;line-height:1.25}
.pl-vw b{display:block;font-size:.8rem}
.pl-vw small{font-size:.64rem;color:var(--h-text-2)}
.pl-vw em{margin-left:auto;padding:3px 8px;border-radius:999px;font-size:.56rem;font-style:normal;color:#fff;background:linear-gradient(100deg,#2F6BFF,#9B05FE)}
.pl-griff{font-style:normal;font-size:.7rem;letter-spacing:-2px;color:var(--h-text-3);cursor:grab}
.pl-vw-neu{max-height:0;padding-top:0;padding-bottom:0;border-width:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.22,1,.36,1),padding .5s,opacity .4s,border-width .5s}
.pl-vw-neu.da{max-height:60px;padding-top:9px;padding-bottom:9px;border-width:1px;opacity:1;border-color:#9DB6FF;background:var(--pl-zart,#F5F8FF);box-shadow:0 0 0 3px rgba(47,107,255,.1)}
.pl-optionen{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:auto 0 0;padding-top:12px;border-top:1px solid var(--h-linie);font-size:.72rem}
.pl-optionen dt{color:var(--h-text-2)}.pl-optionen dd{margin:0;font-weight:600}
.pl-editor{opacity:.4;filter:saturate(.3);transition:opacity .5s,filter .5s}
.pl-editor.an{opacity:1;filter:none}
.pl-stationen{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:5px}
.pl-st{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:10px;border:1px solid var(--h-linie);background:var(--pl-f2,#FAFBFD);font-size:.74rem;transition:border-color .3s,box-shadow .3s,background .3s}
.pl-st b{font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-st .pl-ic{width:22px;height:22px;border-radius:7px}
.pl-st .pl-ic svg{width:12px;height:12px}
.pl-farbe{width:10px;height:10px;border-radius:50%;background:var(--f);transition:background .4s}
.pl-st.aktiv{border-color:#9DB6FF;background:var(--pl-zart,#F5F8FF);box-shadow:0 0 0 3px rgba(47,107,255,.1)}
.pl-st.hebt{position:relative;z-index:2;box-shadow:0 16px 30px -12px rgba(22,27,46,.5),0 0 0 2px #9DB6FF;background:var(--pl-f3,#fff)}
.pl-werkzeug{display:grid;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--h-linie)}
.pl-farben,.pl-symbole{display:flex;gap:6px;flex-wrap:wrap}
.pl-farben i{width:18px;height:18px;border-radius:50%;background:var(--f);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6);transition:transform .3s,box-shadow .3s}
.pl-farben i.an{transform:scale(1.15);box-shadow:0 0 0 2px var(--pl-ring,#fff),0 0 0 4px var(--f)}
.pl-symbole i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:var(--h-text-2);border:1px solid var(--h-linie);transition:color .3s,border-color .3s,background .3s}
.pl-symbole i svg{width:13px;height:13px}
.pl-symbole i.an{color:#fff;border-color:transparent;background:linear-gradient(140deg,#2F6BFF,#7B3BFF)}
.pl-flug{position:absolute;z-index:8;left:0;top:0;display:grid;padding:9px 13px;border-radius:11px;background:var(--pl-f3,#fff);color:var(--h-text);box-shadow:0 26px 50px -16px rgba(22,27,46,.6),0 0 0 2px #9DB6FF;opacity:0;pointer-events:none}
.pl-flug b{font-size:.8rem}.pl-flug small{font-size:.62rem;color:var(--h-text-2)}

/* ---------- Schmalere Bildschirme ---------- */
@media (max-width:1100px){
  .pl-board{grid-auto-columns:minmax(150px,1fr);overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
}
@media (max-width:900px){
  .pl-start-innen{grid-template-columns:1fr;min-height:0}
  .pl-eigen-raster{grid-template-columns:1fr}
  .pl-welten-reiter{gap:8px}
  .pl-welt{grid-template-columns:1fr;justify-items:start;padding:12px}
  .pl-welt-ic{grid-row:auto;width:32px;height:32px;margin-bottom:6px}
  .pl-welt small{display:none}
  .pl-welt b{font-size:.95rem}
}
@media (max-width:640px){
  .pl-schirm{--rx:0deg;--ry:0deg;padding:10px}
  .pl-an .pl-schirm{--rx:0deg;--ry:0deg}
  .pl-held{grid-auto-columns:minmax(140px,1fr)}
  .pl-held .pl-spalte:nth-child(n+3){display:none}
  .pl-schirm-kopf .pl-wahl{display:none}
  .pl-chip{right:2%;bottom:-14px;font-size:.7rem}
  .pl-welt-kopf .pl-suche,.pl-welt-kopf .pl-wahl:last-of-type{display:none}
  .pl-welt-fenster,.pl-int{padding:12px}
  .pl-int-board{grid-auto-columns:minmax(150px,1fr);overflow-x:auto}
  .pl-toast{white-space:normal;width:86%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .pl-seite *,.pl-seite *::before,.pl-seite *::after{transition:none!important;animation:none!important}
  .pl-schirm,.pl-held .pl-spalte{opacity:1;translate:0 0;transform:none}
  .pl-editor{opacity:1;filter:none}
}
/* Niedrige Bildschirme: Einstieg passt wie auf den anderen Seiten in eine Bildhöhe */
@media (min-width:901px) and (max-height:860px){
  .pl-start .h1{font-size:clamp(2.2rem,3.5vw,3.3rem)}
  .pl-fakten{margin-top:20px}
  .pl-start .einstieg-aktionen{margin-top:22px}
  .pl-held{min-height:270px}
}
.pl-toast[hidden]{display:none}

/* ---------- Dunkle Abschnitte im Stil der übrigen Website (Karten wie auf KI-Agenten): Drei Welten, Eigene Pipelines ---------- */
.pl-dunkel{--h-grund:var(--panel);--h-karte:#161A24;--h-linie:rgba(255,255,255,.09);--h-text:#F6F4EE;--h-text-2:#A7AAB6;--h-text-3:#6F7281;
  --pl-f1:#161A24;--pl-f2:#1C2130;--pl-f3:#232838;--pl-spalte-bg:rgba(255,255,255,.04);--pl-karte-bg:#1C2130;--pl-mix:#1C2130;--pl-mix-p:22%;
  --pl-hw-bg:rgba(255,255,255,.04);--pl-hw-t:#C9AE86;--pl-hw-em:rgba(251,191,90,.12);--pl-gruen-bg:rgba(74,222,154,.12);--pl-gruen-t:#4ADE9A;
  --pl-ziel:rgba(110,140,255,.14);--pl-blau-t:#8FA4FF;--pl-blass:rgba(110,140,255,.14);--pl-zart:rgba(110,140,255,.1);--pl-ring:#161A24;color:var(--h-text)}
.pl-welt-fenster.pl-dunkel,.pl-eigen.pl-dunkel{background:var(--panel);border:1px solid var(--linie);box-shadow:var(--schatten)}
.pl-dunkel .pl-karte,.pl-dunkel .pl-spalte>header{box-shadow:0 6px 16px -12px rgba(0,0,0,.8)}
.pl-dunkel .pl-farben i{box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
.pl-dunkel .pl-farben i.an{box-shadow:0 0 0 2px var(--pl-ring),0 0 0 4px var(--f)}

/* Handy: Einstieg zeigt alle vier Stationen statt zwei; vorher wanderten zwei der drei Karten in ausgeblendete Spalten
   und verschwanden. Spalten schmal, Karten kompakt, Höhe setzt das Skript fest (18.10.2026) */
@media (max-width:640px){
  .pl-held{grid-auto-columns:minmax(0,1fr);gap:5px;overflow:visible;padding-bottom:0;min-height:0}
  .pl-held .pl-spalte:nth-child(n+3){display:flex}
  .pl-held .pl-spalte{gap:5px;padding-bottom:5px;border-radius:9px}
  .pl-held .pl-spalte>header{flex-wrap:wrap;gap:3px 4px;padding:8px 5px 6px;border-radius:9px 9px 8px 8px}
  .pl-held .pl-ic{width:18px;height:18px;border-radius:5px}
  .pl-held .pl-ic svg{width:11px;height:11px}
  .pl-held .pl-mehr{display:none}
  .pl-held .pl-spalte>header>span:nth-child(2){flex-basis:100%}
  .pl-held .pl-spalte>header small{font-size:.52rem}
  .pl-held .pl-zahl{font-size:.82rem}
  .pl-held .pl-spalte ul{padding:0 4px;gap:5px}
  .pl-held .pl-karte{gap:3px;padding:6px 6px 6px;border-radius:8px}
  .pl-held .pl-karte b{font-size:.56rem;padding-right:0;overflow-wrap:anywhere}
  .pl-held .pl-karte dl{grid-template-columns:minmax(0,1fr);font-size:.52rem}
  .pl-held .pl-karte dt{display:none}
  .pl-held .pl-av{display:none}
  .pl-held .pl-hinweis{margin:-6px -6px 1px;padding:4px 5px;font-size:.46rem;line-height:1.25;white-space:normal;border-radius:8px 8px 0 0}
  .pl-held .pl-foto{margin:-3px -6px 1px;height:46px}
  .pl-held .pl-foto em{left:5px;bottom:4px;font-size:.48rem}
  .pl-schirm-kopf .pl-wahl{display:inline-flex;padding:5px 8px;font-size:.66rem}
  .pl-buehne{padding-bottom:34px}
  .pl-chip{bottom:-6px}
  .pl-schirm-kopf .pl-umschalter em{padding:6px 9px;font-size:.66rem}
}
/* Handy: Drei Welten zeigen alle fünf Stationen im Raster (3 + 2) statt zwei angeschnittener Spalten,
   Suche, Makler-Auswahl und Untertitel der Reiter bleiben sichtbar. Höhe setzt das Skript fest (18.10.2026) */
@media (max-width:640px){
  .pl-welt{padding:11px 10px}
  .pl-welt small{display:block;font-size:.6rem;line-height:1.3}
  .pl-welt-kopf{gap:6px}
  .pl-welt-kopf .pl-suche,.pl-welt-kopf .pl-wahl:last-of-type{display:inline-flex}
  .pl-welt-kopf .pl-suche{order:3;flex:1;min-width:0;margin-left:0;padding:6px 9px;font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pl-welt-kopf .pl-wahl:last-of-type{order:4;padding:6px 9px;font-size:.66rem}
  .pl-welt-kopf .pl-umschalter button{padding:6px 9px;font-size:.68rem}
  .pl-welt-board{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:6px;overflow:visible;padding-bottom:0;min-height:0}
  .pl-welt-board .pl-spalte{gap:5px;padding-bottom:5px;border-radius:9px}
  .pl-welt-board .pl-spalte>header{gap:5px;padding:8px 6px 6px;border-radius:9px 9px 8px 8px}
  .pl-welt-board .pl-ic{width:20px;height:20px;border-radius:6px}
  .pl-welt-board .pl-ic svg{width:12px;height:12px}
  .pl-welt-board .pl-mehr{display:none}
  .pl-welt-board .pl-spalte>header small{font-size:.54rem}
  .pl-welt-board .pl-zahl{font-size:.84rem}
  .pl-welt-board .pl-spalte ul{padding:0 4px;gap:5px}
  .pl-welt-board .pl-karte{gap:3px;padding:6px 7px 7px;border-radius:8px}
  .pl-welt-board .pl-karte b{font-size:.62rem;padding-right:16px;overflow-wrap:anywhere}
  .pl-welt-board .pl-karte dl{grid-template-columns:minmax(0,1fr);gap:1px;font-size:.54rem}
  .pl-welt-board .pl-karte dt{font-size:.5rem}
  .pl-welt-board .pl-av{right:5px;top:5px;width:16px;height:16px;font-size:.42rem}
  .pl-welt-board .pl-k-objekt .pl-av{top:auto;bottom:5px}
  .pl-welt-board .pl-hinweis{margin:-6px -7px 1px;padding:4px 6px;font-size:.46rem;line-height:1.25;white-space:normal;border-radius:8px 8px 0 0}
  .pl-welt-board .pl-foto{margin:-3px -7px 1px;height:52px}
  .pl-welt-board .pl-foto em{left:6px;bottom:4px;font-size:.5rem}
}
/* Handy: Interessenten-Pipeline als 2 × 2-Raster statt seitlich scrollender Spalten (zwei von vier lagen außerhalb);
   Höhe über alle vier Ansichten setzt das Skript fest, damit beim Umschalten nichts springt (18.10.2026) */
@media (max-width:640px){
  .pl-int-kopf{gap:8px 8px}
  .pl-int-objekt{flex-basis:100%}
  .pl-int-kopf .pl-umschalter button{padding:6px 10px;font-size:.68rem}
  .pl-int-board{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:7px;overflow:visible;padding-bottom:0;min-height:0}
  .pl-int-board .pl-spalte{gap:6px;padding-bottom:6px}
  .pl-int-board .pl-spalte>header{gap:6px;padding:9px 7px 7px}
  .pl-int-board .pl-ic{width:22px;height:22px;border-radius:7px}
  .pl-int-board .pl-ic svg{width:12px;height:12px}
  .pl-int-board .pl-spalte>header small{font-size:.58rem;white-space:normal;line-height:1.2}
  .pl-int-board .pl-zahl{font-size:.9rem}
  .pl-int-board .pl-auto{width:18px;height:18px}
  .pl-int-board .pl-auto svg{width:10px;height:10px}
  .pl-int-board .pl-spalte ul{padding:0 5px;gap:5px}
  .pl-int-board .pl-ik{gap:3px;padding:7px 8px 8px}
  .pl-int-board .pl-ik b{font-size:.68rem;padding-right:0}
  .pl-int-board .pl-ik .pl-hinweis{margin:-7px -8px 1px;padding:5px 7px;font-size:.48rem;white-space:normal;line-height:1.25;gap:4px}
  .pl-int-board .pl-ik .pl-hinweis em{flex:none}
  .pl-int-fuss{padding:10px 11px}
  .pl-toast{bottom:14px;font-size:.72rem;padding:9px 12px}
}
/* Handy: Eigene Pipelines kompakter (vorher 1.250 px hoch): Bibliothek und eigene Pipelines je zweispaltig, die neue
   Pipeline hat ihren Platz von Anfang an, damit beim Hinzufügen nichts springt (18.10.2026) */
@media (max-width:640px){
  .pl-eigen{padding:12px}
  .pl-eigen-kopf{margin-bottom:10px}
  .pl-eigen-schritte{flex-wrap:wrap;font-size:.54rem}
  .pl-eigen-schritte span{padding:4px 8px}
  .pl-eigen-raster{gap:8px}
  .pl-spalte-e{padding:11px}
  .pl-e-titel{margin-bottom:8px}
  .pl-bib{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6px;align-content:start}
  .pl-bib .pl-e-titel,.pl-bib-gruppe{grid-column:1/-1}
  .pl-bib-gruppe{margin:6px 2px 4px}
  .pl-bib-vorlage{padding:7px 32px 7px 10px;border-radius:10px}
  .pl-bib-vorlage b{font-size:.72rem}
  .pl-bib-vorlage small{font-size:.6rem}
  .pl-bib-plus{right:7px;width:20px;height:20px;margin-top:-10px}
  .pl-bib-vorlage.hebt{transform:translateY(-2px)}
  .pl-vw-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .pl-vw{gap:7px;padding:7px 9px}
  .pl-vw b{font-size:.72rem}
  .pl-vw small{font-size:.6rem}
  .pl-vw em{padding:2px 6px;font-size:.52rem}
  .pl-vw-neu{max-height:none;padding-top:7px;padding-bottom:7px;border-width:1px;visibility:hidden}
  .pl-vw-neu.da{visibility:visible}
  .pl-optionen{padding-top:10px;margin-top:10px;font-size:.68rem}
  .pl-stationen{gap:4px;margin-bottom:10px}
  .pl-st{padding:5px 8px;font-size:.7rem}
  .pl-werkzeug{padding-top:10px}
}
/* Handy: Spalten einer Zeile gleich hoch, freier Platz der festen Höhe bleibt unten statt die Spalten zu strecken (18.10.2026) */
@media (max-width:640px){
  .pl-welt-board,.pl-int-board{align-items:stretch;align-content:start}
  .pl-optionen{grid-template-columns:auto 1fr auto 1fr;gap:4px 8px;font-size:.64rem}
  .pl-st{padding:4px 8px}
}
/* Handy: Kopf der Drei Welten immer zweizeilig (Suche und Makler unten), sonst wurde er bei „Vermietung“ 36 px niedriger (18.10.2026) */
@media (max-width:640px){
  .pl-welt-kopf::after{content:"";order:2;flex-basis:100%}
  .pl-vw-neu.da{padding-top:7px;padding-bottom:7px}
}
/* Touch: kein hängenbleibender Hover (18.10.2026) */
@media (hover:none){
  .pl-welt:hover{border-color:var(--linie)}
  .pl-welt.an:hover{border-color:transparent}
  .pl-int-fuss a:hover{text-decoration:none}
}