/* pxmedia.ai — website-eigene Bühnen-Bausteine (Fassung 3: Felder, Personas, Spiegelsatz, Gehirn-Modul, gläserne Akte, Büro,
   Stellen, Vorgang, Präsentation/Kapitel, Vertrauen/Risiko). Ergänzt den Kern (css/dialog.css, css/consent.css) und lädt DANACH.
   Erzeugt 26.09.2026 aus css/dialog.css (Fassung 5): nur Selektoren, die der Kern 1.0.7 nicht kennt. Farben über --dlg-*/--c-* Tokens. */
.dlg__raster--drei{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
.dlg__bloecke{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.dlg__block{display:grid;gap:.5rem;padding:1.1rem 1.2rem;border-radius:var(--radius);background:rgba(30,30,30,.74);border:1px solid rgba(255,255,255,.12);
  animation:dlg-rein .6s var(--kurve) both;animation-delay:calc(var(--nr,0)*.12s)}
.dlg__block h3{margin:.1rem 0 0;font-size:1.15rem;font-weight:var(--fw-headline)}
.dlg__block .dlg__text{margin:0;color:var(--c-text-2)}
.dlg__block-bereich{margin:0;font-size:var(--fs-klein);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ki)}
.dlg__stellen{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:.7rem;margin-top:.5rem}
.dlg__stelle{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:.7rem;row-gap:.25rem;align-items:start;
  text-align:left;padding:.75rem .85rem;border-radius:var(--radius);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  transition:transform .25s var(--kurve),border-color .25s var(--kurve)}
.dlg__stelle:hover{transform:translateY(-3px);border-color:#06b6d488}
.dlg__stelle img{grid-row:1 / 4;width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 12%;border:2px solid rgba(6,182,212,.7)}
.dlg__stelle-wer{display:flex;flex-direction:column;line-height:1.2}
.dlg__stelle-wer b{font-size:1.02rem}
.dlg__stelle-wer i{font-style:normal;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c-ki)}
.dlg__stelle-tut{font-size:.9rem;color:var(--c-text-2);line-height:1.4}
.dlg__stelle-frei{font-size:.86rem;color:var(--c-mensch);font-weight:600;line-height:1.35}
.dlg__stelle--eigen{border-style:dashed;grid-template-rows:auto;align-items:center;cursor:default}
.dlg__stelle-platz{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.4rem;color:var(--c-mensch);
  border:2px dashed rgba(165,148,249,.6);background:rgba(165,148,249,.08)}
.dlg__stelle--eigen .dlg__stelle-wer i{color:var(--c-mensch)}
.dlg__akte{display:grid;gap:0;border-radius:var(--radius);background:rgba(26,26,26,.9);border:1px solid rgba(6,182,212,.35)}
.dlg__akte-kopf{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1.1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.12);
  background:linear-gradient(120deg,rgba(6,182,212,.12),rgba(75,48,137,.14))}
.dlg__akte-kopf img{width:88px;height:88px;border-radius:16px;object-fit:cover;object-position:50% 10%;border:2px solid rgba(6,182,212,.7)}
.dlg__akte-wer{display:flex;flex-direction:column;gap:.15rem}
.dlg__akte-wer b{font-size:1.5rem;font-weight:var(--fw-headline);line-height:1.1}
.dlg__akte-wer span{color:var(--c-ki);font-weight:700;font-size:.95rem}
.dlg__akte-wer em{font-style:normal;color:var(--c-text-3);font-size:.84rem}
.dlg__akte-zeile{padding:.85rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.1)}
.dlg__akte-zeile:last-child{border-bottom:0}
.dlg__akte-zeile h4{margin:0 0 .45rem;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;color:var(--c-text-3);font-weight:700}
.dlg__akte-zeile p{margin:0;color:var(--c-text)}
.dlg__akte-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.dlg__akte-chip{font-size:.86rem;padding:.28rem .7rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:var(--c-text-2)}
.dlg__akte-chip--ki{border-color:rgba(6,182,212,.45);background:rgba(6,182,212,.1);color:var(--c-text)}
.dlg__akte-gehirn{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
@media (min-width:660px){.dlg__akte-gehirn{grid-template-columns:1fr 1fr}

}
.dlg__akte-gehirn li{display:grid;gap:.1rem;padding:.55rem .8rem;background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.3);border-radius:9px}
.dlg__akte-gehirn b{color:var(--c-ki);font-size:.92rem}
.dlg__akte-gehirn span{color:var(--c-text-2);font-size:.86rem}
.dlg__akte-zeile--grenze{background:rgba(165,148,249,.07)}
.dlg__akte-zeile--grenze h4{color:var(--c-mensch)}
.dlg__akte-zeile--grenze p{color:var(--c-mensch);font-weight:600}
.dlg__vorgang{display:grid;gap:.8rem}
.dlg__vorgang-lage{margin:0;font-size:1rem;color:var(--c-text-2)}
.dlg__vorgang-lage b{color:var(--c-text)}
.dlg__schritte--vorgang{grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr))}
.dlg__schritte li[data-wer="mensch"]{border-color:rgba(165,148,249,.55);background:rgba(165,148,249,.09)}
.dlg__schritte li[data-wer="mensch"] .dlg__nr{border-color:var(--c-mensch);color:var(--c-mensch)}
.dlg__schritte li[data-wer="mensch"] h3{color:var(--c-mensch)}
.dlg__schritte li[data-wer="ki"] .dlg__nr{border-color:rgba(6,182,212,.6)}
.dlg__vorgang-danach{margin:0;padding:.8rem 1rem;border-left:3px solid var(--c-ki);background:rgba(6,182,212,.06);border-radius:0 10px 10px 0;color:var(--c-text)}
.dlg__farbhinweis{display:flex;align-items:center;gap:.5rem}
.dlg__farbhinweis::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--c-mensch);box-shadow:0 0 0 3px rgba(165,148,249,.25)}
.dlg__spalten--vertrauen{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:1rem}
@media (min-width:900px){.dlg__spalten--vertrauen{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}

}
.dlg__hinweis--schueler{border-color:rgba(6,182,212,.4);background:linear-gradient(140deg,rgba(6,182,212,.1),rgba(30,30,30,.74) 60%)}
.dlg__hinweis--schueler h3,
.dlg__hinweis--risiko h3{margin:0;font-size:1.15rem;font-weight:var(--fw-headline)}
.dlg__hinweis--risiko{border-color:rgba(165,148,249,.45)}
.dlg__haken-liste{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.dlg__haken-liste li{position:relative;padding-left:1.6rem;color:var(--c-text);line-height:1.45}
.dlg__haken-liste li::before{content:"";position:absolute;left:0;top:.35em;width:.9rem;height:.9rem;border-radius:50%;border:2px solid var(--c-mensch);
  background:var(--c-mensch) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/82% no-repeat}
.dlg__team--rollen li{max-width:11rem;text-align:center}
.dlg__team--rollen small{font-weight:400;font-size:.8rem;color:var(--c-text-2);line-height:1.3}
.dlg__punkte,
.dlg__fragen{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;max-width:44rem}
.dlg__punkte li,
.dlg__fragen li{position:relative;padding:.9rem 1rem .9rem 2.2rem;border-radius:12px;background:rgba(30,30,30,.74);border:1px solid rgba(255,255,255,.12);
  font-size:1.05rem;line-height:1.45;animation:dlg-rein .6s var(--kurve) both;animation-delay:calc(.15s + var(--nr,0)*.22s)}
.dlg__punkte li::before{content:"";position:absolute;left:.9rem;top:1.15rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--c-ki);box-shadow:0 0 12px #06b6d488}
.dlg__fragen li{padding-left:2.6rem;font-size:1.15rem;font-weight:600}
.dlg__fragen li::before{content:"?";position:absolute;left:.85rem;top:.55rem;font-size:1.4rem;font-weight:900;color:var(--c-mensch)}
.dlg__schluss{border-left:3px solid var(--c-mensch);padding-left:1rem;max-width:48rem}
.dlg__kapitel-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.dlg__kapitel-punkte{list-style:none;margin:0;padding:0;display:flex;gap:.35rem}
.dlg__kapitel-punkt{width:28px;height:28px;padding:0;border:0;background:none;position:relative;cursor:pointer}
.dlg__kapitel-punkt::before{content:"";position:absolute;inset:9px;border-radius:50%;background:rgba(255,255,255,.3);transition:transform .3s var(--kurve),background .3s}
.dlg__kapitel-punkt:hover::before{background:rgba(255,255,255,.6)}
.dlg__kapitel-punkt--jetzt::before{background:var(--c-ki);transform:scale(1.5)}
.dlg__inhalt--kapitel .dlg__titel--gross{max-width:22ch}
.dlg__inhalt--kapitel .dlg__akte{max-width:40rem}
.dlg__fenster:has(.buero){width:min(78rem,calc(100% - 1.6rem))}
.dlg__fenster:has(.dlg__fenster-rand--akte){width:min(40rem,calc(100% - 1.6rem))}
.dlg__fenster .dlg__akte{border:0;background:none}
.dlg__inhalt--kapitel .buero{max-width:70rem}
@media (prefers-reduced-motion:reduce){.dlg__block,
.dlg__punkte li,
.dlg__fragen li{animation:none !important}

}
.dlg__raster--felder{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
.dlg__karte--feld{min-height:5.2rem;padding:1rem 1.15rem}
.dlg__karte--feld b{font-size:1.1rem}
.dlg__eigene{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.dlg__eigene li{display:flex;flex-wrap:wrap;gap:.2rem .6rem;padding:.9rem 1rem;border-radius:12px;background:rgba(30,30,30,.74);border:1px dashed rgba(255,255,255,.28);font-size:.95rem}
.dlg__eigene span{font-size:var(--fs-klein);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ki)}
.dlg__eigene q{font-style:italic;color:var(--c-text);quotes:"„" "“"}
.dlg__kicker--person[data-persona]{border-color:rgba(165,148,249,.55);background:rgba(165,148,249,.1)}
.dlg__spiegel{margin:0;padding:1.2rem 1.4rem;border-radius:var(--radius);background:rgba(30,30,30,.78);border:1px solid rgba(6,182,212,.45);
  border-left:4px solid var(--c-ki);display:grid;gap:.9rem;max-width:62rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.dlg__spiegelsatz{margin:0;font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.5;color:var(--c-text);font-weight:400}
.dlg__spiegel[data-dialog-spiegel-ki] .dlg__spiegelsatz{color:#e9fbff}
.dlg__spiegel .dlg__eigene li{border-style:solid;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.dlg__arbeitsweise{display:grid;gap:1rem;align-items:start}
@media (min-width:1024px){.dlg__arbeitsweise{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.2rem,3vw,2.6rem)}

}
.dlg__arbeitsweise-bild{padding:.6rem;border-radius:var(--radius);background:rgba(21,21,21,.55);border:1px solid rgba(255,255,255,.1)}
.dlg__arbeitsweise-text{display:flex;flex-direction:column;gap:.8rem;padding:1rem 1.1rem;border-radius:var(--radius);background:rgba(30,30,30,.74);border:1px solid rgba(255,255,255,.12)}
.dlg__stufen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:.45rem}
.dlg__stufe-knopf{display:flex;align-items:center;gap:.5rem;min-height:48px;padding:.5rem .7rem;border-radius:10px;text-align:left;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);font-size:.88rem;line-height:1.2;transition:border-color .25s var(--kurve),background .25s var(--kurve)}
.dlg__stufe-knopf .dlg__nr{margin:0;width:1.6rem;height:1.6rem;flex:none;font-size:.8rem}
.dlg__stufe-knopf:hover{border-color:#06b6d488}
.dlg__stufe-knopf--jetzt{border-color:var(--c-ki);background:rgba(6,182,212,.13)}
.dlg__stufe-knopf--jetzt .dlg__nr{background:var(--c-ki);color:#151515;border-color:var(--c-ki)}
.dlg__stufe-titel{margin:.2rem 0 0;font-size:1.2rem;font-weight:var(--fw-headline)}
.dlg__stufe-text{max-width:none;min-height:5.5em}
.dlg__knopf--klein{min-height:44px;padding:.4rem .9rem;font-size:.88rem}
.dlg__schritte--fuehrung li,
.dlg__schritte--risiko li{padding:1.1rem 1.2rem}
.dlg__schritte--fuehrung .dlg__nr{border-color:var(--c-mensch);color:var(--c-mensch)}
.dlg__hinweis--ehrlich{border-color:rgba(165,148,249,.5);background:linear-gradient(140deg,rgba(165,148,249,.12),rgba(30,30,30,.78) 60%)}
.dlg__hinweis--ehrlich h3,
.dlg__hinweis--nicht h3,
.dlg__hinweis--telefon h3{margin:0;font-size:1.15rem;font-weight:var(--fw-headline)}
.dlg__hinweis--ehrlich p{color:var(--c-text)}
.dlg__zahlen--quelle li{gap:.3rem}
.dlg__zahlen--quelle small{font-size:.78rem;color:var(--c-text-2);line-height:1.3}
.dlg__hinweis--nicht{border-color:rgba(255,255,255,.22)}
.dlg__haken-liste--nicht li::before{background:transparent;border-color:var(--c-text-2);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b4b4' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");background-size:70%;background-position:center;background-repeat:no-repeat}
.dlg__schritte--zeit{grid-template-columns:repeat(auto-fit,minmax(min(100%,11.5rem),1fr))}
.dlg__zeit{display:inline-block;margin-bottom:.5rem;padding:.2rem .6rem;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  background:rgba(6,182,212,.12);border:1px solid rgba(6,182,212,.45);color:var(--c-ki)}
.dlg__schritte--zeit li[data-wer="mensch"] .dlg__zeit{background:rgba(165,148,249,.12);border-color:rgba(165,148,249,.5);color:var(--c-mensch)}
.dlg__hinweis--telefon{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;border-color:rgba(6,182,212,.45)}
.dlg__knopf--telefon{font-size:1.15rem;letter-spacing:.02em}
.dlg__akte--glas{background:rgba(14,14,17,.55);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);
  border:1px solid rgba(255,255,255,.14);border-radius:1.1rem;box-shadow:0 2rem 5rem rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);
  transform:perspective(1200px) rotateY(-6deg) rotate(-1.5deg) scale(.94);opacity:0;filter:blur(10px);
  transition:opacity .8s ease,transform 1s var(--kurve),filter .8s ease;transform-origin:left center;overflow:hidden}
.dlg__akte--glas.sichtbar{opacity:1;filter:none;transform:perspective(1200px) rotateY(-6deg) rotate(-1.5deg)}
.dlg__akte--glas .dlg__akte-kopf{background:linear-gradient(120deg,rgba(6,182,212,.16),rgba(75,48,137,.18));border-bottom-color:rgba(255,255,255,.1)}
.dlg__akte--glas .dlg__akte-zeile{opacity:.18;transform:translateX(-6px);transition:opacity .6s ease,transform .6s var(--kurve)}
.dlg__akte--glas .dlg__akte-zeile.an{opacity:1;transform:none}
.dlg__akte--glas .dlg__akte-chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}
.dlg__fenster .dlg__akte--glas{border:1px solid rgba(255,255,255,.14);background:rgba(14,14,17,.55)}
.dlg__fenster:has(.dlg__fenster-rand--akte){background:rgba(20,20,20,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.dlg__fenster-rand--akte{padding:.4rem 1.2rem 1.2rem 1.8rem}
.dlg__inhalt--kapitel .dlg__akte--glas{max-width:40rem}
.dlg__stellen--alle{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:0}
.dlg__fenster:has(.dlg__stellen--alle){width:min(72rem,calc(100% - 1.6rem))}
@media (prefers-reduced-motion:reduce){.dlg__akte--glas,
.dlg__akte--glas.sichtbar{opacity:1;filter:none;transform:rotate(-1.5deg);transition:none}
.dlg__akte--glas .dlg__akte-zeile{opacity:1;transform:none}

}