/* OKNXT Unterseite KI-Agenten: eigene Abschnitte. Farben und Schriften kommen aus site.css. */

/* ---------- 1 · Einstieg mit Agenten-Ring ---------- */
@property --dreh{syntax:'<angle>';inherits:true;initial-value:0deg}
.ak-start{text-align:left;padding-top:clamp(120px,16vh,170px)}
.ak-start::before{left:72%;top:52%}
.ak-start-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,4vw,64px);align-items:center;max-width:var(--ab-breite);margin:0 auto}
.ak-zeile{margin:0 0 18px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.ak-start .h1{margin:0;max-width:12ch}
.ak-start .unterzeile{margin:24px 0 0;max-width:46ch}
.ak-start .einstieg-aktionen{justify-content:flex-start}

.ak-orbit{--d:min(560px,44vw);--dreh:0deg;position:relative;width:var(--d);height:var(--d);margin:0 auto;transition:--dreh 1.2s cubic-bezier(.65,0,.25,1)}
.ak-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ak-ring circle{fill:none}
.ak-ring-linie{stroke:url(#ak-ring-verlauf);stroke-width:.35;opacity:.55;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.6s cubic-bezier(.6,0,.2,1)}
.ak-ring-komet{stroke:#fff;stroke-width:.8;stroke-linecap:round;stroke-dasharray:6 94;opacity:0;filter:drop-shadow(0 0 1.2px #5CCBFF) drop-shadow(0 0 3px rgba(155,5,254,.9));transform-origin:50% 50%}
.ak-an .ak-ring-linie{stroke-dashoffset:0}
.ak-lauf .ak-ring-komet{opacity:1;animation:ak-komet 9s linear infinite}
@keyframes ak-komet{to{stroke-dashoffset:-100}}

.ak-personen{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.ak-personen li{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(calc(var(--w) + var(--dreh))) translateY(calc(var(--d) * -.4)) rotate(calc(-1 * (var(--w) + var(--dreh))))}
.ak-person{--g:calc(var(--d) * .15);position:absolute;left:0;top:0;width:var(--g);height:var(--g);margin:calc(var(--g) / -2) 0 0 calc(var(--g) / -2);padding:0;border:0;border-radius:50%;background:none;cursor:pointer;opacity:0;transform:scale(.3);transition:opacity .5s ease,transform .6s cubic-bezier(.2,1.4,.4,1)}
.ak-person img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 2px rgba(255,255,255,.14),0 14px 30px -12px rgba(0,0,0,.8);transition:box-shadow .4s,filter .4s;filter:saturate(.75) brightness(.85)}
.ak-person:hover img,.ak-person:focus-visible img{filter:none;box-shadow:0 0 0 2px rgba(143,220,255,.7),0 14px 30px -12px rgba(0,0,0,.8)}
.ak-person:focus-visible{outline:none}
.ak-name{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:6px;font-size:.8rem;font-weight:600;color:var(--text-2);white-space:nowrap;transition:color .3s}
.ak-aktiv{position:absolute;right:-6px;top:-4px;font:600 .58rem/1 "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;font-style:normal;color:#0B1A12;background:#3DDC84;padding:4px 6px;border-radius:999px;box-shadow:0 0 12px rgba(61,220,132,.7);opacity:0;transform:scale(.4);transition:opacity .3s ease,transform .45s cubic-bezier(.2,1.6,.4,1)}
/* Einstempeln: Gesichter erscheinen nacheinander, „Aktiv“ blitzt auf und tritt dann zurück */
.ak-an .ak-person{opacity:1;transform:none;transition-delay:calc(var(--n) * 130ms + .5s)}
.ak-an .ak-aktiv{opacity:1;transform:none;transition-delay:calc(var(--n) * 130ms + .8s)}
.ak-gestempelt .ak-aktiv{opacity:0;transform:scale(.6);transition-delay:0s}
/* wer oben steht, wird groß und leuchtet */
.ak-person[aria-pressed="true"]{transform:scale(1.45);z-index:2}
.ak-person[aria-pressed="true"] img{filter:none;box-shadow:0 0 0 2px #8FDCFF,0 0 0 6px rgba(47,107,255,.35),0 0 40px rgba(47,107,255,.8)}
.ak-person[aria-pressed="true"] .ak-name{color:#fff;font-size:.62rem;margin-top:5px}
.ak-an .ak-person[aria-pressed="true"]{transform:scale(1.45)}

/* Visitenkarte in der Ringmitte */
.ak-karte{position:absolute;left:50%;top:50%;width:calc(var(--d) * .5);transform:translate(-50%,-44%);text-align:center;opacity:0;transition:opacity .5s ease}
.ak-an .ak-karte{opacity:1;transition-delay:1.9s}
.ak-karte>*{transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.ak-karte.wechselt>*{opacity:0;transform:translateY(10px)}
.ak-k-rolle{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.ak-k-name{margin:6px 0 0;padding-bottom:.1em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;letter-spacing:-.04em;line-height:1;background:linear-gradient(100deg,#5CCBFF,#8FA4FF 45%,#C495FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.ak-k-text{margin:12px 0 0;font-size:.95rem;line-height:1.5;color:var(--text-2)}

@media (max-width:900px){
  .ak-start{text-align:center}
  .ak-start-raster{grid-template-columns:minmax(0,1fr)}
  .ak-start .h1,.ak-start .unterzeile{margin-left:auto;margin-right:auto}
  .ak-start .einstieg-aktionen{justify-content:center}
  .ak-orbit{--d:min(360px,86vw);margin-top:12px;margin-bottom:170px}
  .ak-karte{top:100%;width:min(340px,90vw);transform:translate(-50%,24px)}
  .ak-person[aria-pressed="true"] .ak-name{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ak-orbit,.ak-person,.ak-aktiv,.ak-karte,.ak-karte>*,.ak-ring-linie{transition:none!important}
  .ak-ring-komet{display:none}
}

/* ---------- gemeinsamer Abschnittskopf ---------- */
.ak-kopf{text-align:center;max-width:820px;margin:0 auto clamp(40px,5vw,64px)}
.ak-kopf .ab-text{margin-left:auto;margin-right:auto}

/* ---------- 2 · Sie bereiten vor. Du entscheidest. ---------- */
.pz-buehne{--bh:236px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px)}
.pz-strahl{position:absolute;left:calc(100% / 6);right:calc(100% / 6);top:calc(var(--bh) + 33px);height:2px;background:var(--linie-stark);border-radius:2px}
.pz-strahl>i{position:absolute;inset:0;border-radius:2px;background:linear-gradient(90deg,var(--cyan),var(--blau) 50%,var(--violett));box-shadow:0 0 12px rgba(47,107,255,.8);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.2s cubic-bezier(.6,0,.2,1)}
.s2 .pz-strahl>i{transform:scaleX(.5)}
.s3 .pz-strahl>i{transform:scaleX(1)}
.pz-schritt{position:relative;text-align:center}
.pz-bild{position:relative;height:var(--bh);border-radius:var(--radius-gross);border:1px solid var(--linie);background:color-mix(in srgb,var(--panel) 88%,transparent);overflow:hidden;display:grid;place-items:center;opacity:.4;filter:saturate(.4);transition:opacity .6s ease,filter .6s ease,border-color .6s,box-shadow .6s}
.s1 .pz-1 .pz-bild,.s2 .pz-2 .pz-bild,.s3 .pz-3 .pz-bild{opacity:1;filter:none;border-color:rgba(143,164,255,.35);box-shadow:0 0 60px -20px rgba(47,107,255,.6)}
.pz-nr{position:relative;z-index:1;width:36px;height:36px;margin:16px auto 0;display:grid;place-items:center;border-radius:50%;font-size:.78rem;background:#0E1119;border:1px solid var(--linie-stark);color:var(--text-3);transition:background .5s,color .5s,border-color .5s,box-shadow .5s}
.s1 .pz-1 .pz-nr,.s2 .pz-1 .pz-nr,.s2 .pz-2 .pz-nr,.s3 .pz-nr{background:var(--verlauf);border-color:transparent;color:#fff;box-shadow:0 0 16px rgba(47,107,255,.7)}
.pz-schritt h3{margin:16px 0 0;font-size:clamp(1.15rem,1.5vw,1.35rem);font-weight:600;letter-spacing:-.02em}
.pz-schritt>p:last-child{margin:8px auto 0;max-width:34ch;color:var(--text-2);font-size:.95rem;line-height:1.5}

/* Szene 1: Daten fliegen zum Agenten */
.pz-daten{position:relative;width:100%;height:100%}
.pz-agent{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.15);transition:box-shadow .5s}
.pz-agent img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.pz-chip{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;gap:2px;padding:7px 11px;border-radius:10px;font-size:.74rem;line-height:1.2;color:var(--text);text-align:left;white-space:nowrap;background:#161A24;border:1px solid var(--linie-stark);transform:translate(-50%,-50%) translate(var(--x),var(--y));opacity:0;transition:opacity .4s ease,transform .7s cubic-bezier(.6,0,.4,1)}
.pz-chip b{font:600 .58rem/1 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.s1 .pz-chip{opacity:1}
.s1 .pz-chip:nth-child(2){transition-delay:.12s}.s1 .pz-chip:nth-child(3){transition-delay:.24s}.s1 .pz-chip:nth-child(4){transition-delay:.36s}
.s1b .pz-chip{opacity:0;transform:translate(-50%,-50%) scale(.3)}
.s1b .pz-chip:nth-child(2){transition-delay:.1s}.s1b .pz-chip:nth-child(3){transition-delay:.2s}.s1b .pz-chip:nth-child(4){transition-delay:.3s}
.s1b .pz-agent{box-shadow:0 0 0 2px #8FDCFF,0 0 0 8px rgba(47,107,255,.3),0 0 46px rgba(47,107,255,.9);transition-delay:.6s}

/* Szene 2: Objekt-Reise rückt auf „Besichtigung“, der nächste Schritt erscheint */
.pz-reise{width:86%;text-align:left}
.pz-reise ol{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;position:relative}
.pz-reise ol::before{content:"";position:absolute;left:6px;right:6px;top:5px;height:2px;background:var(--linie-stark)}
.pz-reise li{position:relative;padding-top:20px;font-size:.62rem;color:var(--text-3);width:20%;text-align:center}
.pz-reise li::before{content:"";position:absolute;left:50%;top:0;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#0E1119;border:2px solid var(--linie-stark);transition:background .4s,border-color .4s,box-shadow .4s}
.s2 .pz-reise li.fertig::before{background:var(--blau);border-color:var(--blau)}
.s2 .pz-reise li.ziel{color:#fff;font-weight:600}
.s2 .pz-reise li.ziel::before{background:var(--verlauf);border-color:#8FDCFF;box-shadow:0 0 14px rgba(92,203,255,.9);transition-delay:.6s}
.pz-naechster{margin-top:22px;padding:13px 15px;border-radius:12px;background:#161A24;border:1px solid rgba(143,164,255,.35);display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,1.2,.4,1)}
.pz-naechster span{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.pz-naechster b{font-size:.88rem;font-weight:600}
.pz-naechster small{font-size:.72rem;color:var(--text-3)}
.s2 .pz-naechster{opacity:1;transform:none;transition-delay:1s}

/* Szene 3: Entwurf wartet, Hand drückt „Freigeben“, Mail geht raus */
.pz-mail{position:relative;width:86%;padding:14px 15px;border-radius:12px;background:#161A24;border:1px solid var(--linie-stark);text-align:left;font-size:.76rem}
.pz-m-zeile{margin:0 0 5px;color:var(--text)}
.pz-m-zeile span{display:inline-block;width:52px;color:var(--text-3)}
.pz-m-text{margin:8px 0 0;color:var(--text-2);line-height:1.45}
.pz-m-fuss{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.pz-status{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:600}
.pz-status i{width:8px;height:8px;border-radius:50%;background:var(--bern);box-shadow:0 0 8px var(--bern);transition:background .3s,box-shadow .3s}
.pz-status em{font-style:normal}
.pz-wartet{color:var(--bern)}
.pz-gesendet{display:none;color:#3DDC84}
.pz-freigeben{padding:7px 14px;border-radius:999px;font-size:.72rem;font-weight:600;color:#0B0F1C;background:linear-gradient(100deg,#5CCBFF,#8FA4FF 45%,#C495FF);transition:transform .15s,box-shadow .3s}
.s3k .pz-freigeben{transform:scale(.92);box-shadow:0 0 0 4px rgba(143,220,255,.35),0 0 24px rgba(92,203,255,.9)}
.s3f .pz-status i{background:#3DDC84;box-shadow:0 0 10px #3DDC84}
.s3f .pz-wartet{display:none}
.s3f .pz-gesendet{display:inline}
.pz-hand{position:absolute;right:-14px;bottom:-44px;width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.8;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(0,180,249,.7));opacity:0;transition:opacity .4s ease,transform 1s cubic-bezier(.6,0,.3,1)}
.s3 .pz-hand{opacity:1;transform:translate(-34px,-44px);transition-delay:.5s}
.s3f .pz-hand{opacity:0;transform:translate(-10px,-10px);transition-delay:0s}
.pz-flieger{position:absolute;right:16px;top:12px;width:20px;height:20px;fill:none;stroke:#8FDCFF;stroke-width:1.8;opacity:0}
.s3f .pz-flieger{animation:pz-flug 1.2s cubic-bezier(.4,0,.2,1) forwards}
@keyframes pz-flug{0%{opacity:0;transform:none}15%{opacity:1}100%{opacity:0;transform:translate(70px,-70px) rotate(10deg) scale(.7)}}

@media (max-width:900px){
  .pz-buehne{grid-template-columns:minmax(0,1fr);gap:40px}
  .pz-strahl{display:none}
  .pz-bild{opacity:1;filter:none}
}
@media (prefers-reduced-motion:reduce){
  .pz-bild,.pz-chip,.pz-naechster,.pz-hand,.pz-strahl>i{transition:none!important}
  .pz-flieger{display:none}
}
.pz-gelesen{position:absolute;left:0;right:0;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.74rem;color:var(--text-2);opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,1.2,.4,1)}
.pz-gelesen b{font-size:.84rem;color:#fff}
.s1b .pz-gelesen{opacity:1;transform:none;transition-delay:1s}
.s1b .pz-agent{transform:translateY(-14px)}
.pz-agent{transition:box-shadow .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.s3f .pz-freigeben{transform:none;box-shadow:none;opacity:.45;transition:opacity .4s,transform .3s,box-shadow .3s}

/* ---------- 3 · Dein Team im Detail ---------- */
.ak-team{padding-bottom:0}
.tm-buehne{--r:min(44vh,410px);position:relative;height:100vh;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;max-width:calc(var(--ab-breite) + 2 * var(--seitenrand));margin:0 auto;padding:calc(var(--oben-hoehe,90px) + 10px) var(--seitenrand) 24px;overflow:hidden}
.tm-bogen{position:relative;height:100%}
.tm-bogen ul{list-style:none;margin:0;padding:0}
.tm-kreis{position:absolute;left:calc(var(--r) * -.35 - var(--r));top:50%;width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin-top:calc(var(--r) * -1);overflow:visible}
.tm-kreis circle{fill:none;stroke:url(#ak-ring-verlauf);stroke-width:.35;opacity:.5}
.tm-bogen li{position:absolute;left:calc(var(--r) * -.35);top:50%;width:0;height:0;transform:rotate(calc(var(--w) - var(--rot,0deg))) translateX(var(--r)) rotate(calc(-1 * (var(--w) - var(--rot,0deg))))}
.tm-person{--g:clamp(56px,7vh,80px);position:absolute;left:0;top:0;width:var(--g);height:var(--g);margin:calc(var(--g) / -2) 0 0 calc(var(--g) / -2);padding:0;border:0;border-radius:50%;background:none;cursor:pointer;opacity:.12;transition:opacity .4s,transform .5s cubic-bezier(.2,1.2,.4,1)}
.tm-person img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 2px rgba(255,255,255,.14);filter:saturate(.6);transition:box-shadow .4s,filter .4s}
.tm-person.d1{opacity:.6}.tm-person.d2{opacity:.3}
.tm-person.d0{opacity:1;transform:scale(1.7);z-index:2}
.tm-person.d0 img{filter:none;box-shadow:0 0 0 2px #8FDCFF,0 0 0 7px rgba(47,107,255,.3),0 0 50px rgba(47,107,255,.85)}
.tm-person:focus-visible img{box-shadow:0 0 0 3px var(--cyan)}

.tm-panels{position:relative;height:min(560px,calc(100vh - var(--oben-hoehe,90px) - 60px))}
.tm-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(26px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.2,1),visibility 0s .45s}
.tm-panel.an{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease .1s,transform .7s cubic-bezier(.2,.8,.2,1) .1s,visibility 0s}
.tm-kopf{display:flex;align-items:center;gap:16px}
.tm-kopf img{display:none;width:56px;height:56px;border-radius:50%;object-fit:cover}
.tm-rolle{margin:0;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.tm-kopf h3{margin:4px 0 0;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:500;letter-spacing:-.045em;line-height:1;padding-bottom:.08em;background:linear-gradient(100deg,#5CCBFF,#8FA4FF 45%,#C495FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.tm-zahl{margin-left:auto;font-size:.78rem;color:var(--text-3)}
.tm-text{margin:16px 0 0;max-width:58ch;color:var(--text-2);font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.55}
.tm-unten{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:26px;align-items:start}
.tm-kann{margin:0 0 10px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.tm-liste{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.tm-liste li{position:relative;padding-left:24px;font-size:.93rem;line-height:1.4;color:var(--text);opacity:0;transform:translateX(-10px);transition:opacity .4s ease,transform .5s ease}
.tm-liste li::before{content:"";position:absolute;left:0;top:.3em;width:13px;height:13px;border-radius:50%;background:var(--verlauf);box-shadow:0 0 10px rgba(47,107,255,.6)}
.tm-panel.an .tm-liste li{opacity:1;transform:none}
.tm-panel.an .tm-liste li:nth-child(1){transition-delay:.35s}.tm-panel.an .tm-liste li:nth-child(2){transition-delay:.45s}.tm-panel.an .tm-liste li:nth-child(3){transition-delay:.55s}.tm-panel.an .tm-liste li:nth-child(4){transition-delay:.65s}

/* nachgebauter Ausschnitt */
.tm-mock{border-radius:16px;border:1px solid rgba(143,164,255,.28);background:#11141C;box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 60px -30px rgba(47,107,255,.6);padding:12px 14px 14px;font-size:.78rem;opacity:0;transform:translateY(16px) scale(.97);transition:opacity .5s ease .3s,transform .7s cubic-bezier(.2,1.1,.4,1) .3s}
.tm-panel.an .tm-mock{opacity:1;transform:none}
.tm-mock-kopf{display:flex;align-items:center;gap:5px;margin:0 0 10px;font-size:.62rem;color:var(--text-3);letter-spacing:.04em}
.tm-mock-kopf i{width:7px;height:7px;border-radius:50%;background:#2A3042}
.tm-mock-kopf span{margin-left:8px}
.tm-mock .tm-m-du{margin:0 0 10px auto;width:fit-content;max-width:90%;padding:8px 11px;border-radius:12px 12px 4px 12px;background:linear-gradient(120deg,rgba(47,107,255,.55),rgba(155,5,254,.45));color:#fff}
.tm-m-leise{margin:8px 0 0;font-size:.68rem;color:var(--text-3)}
.tm-m-route{display:flex;align-items:center;gap:8px}
.tm-m-route span{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border-radius:999px;background:#161A24;border:1px solid var(--linie-stark);white-space:nowrap}
.tm-m-route img{width:22px;height:22px;border-radius:50%}
.tm-m-route i{flex:1;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violett));border-radius:2px;transform:scaleX(0);transform-origin:0 50%;transition:transform .8s ease .9s}
.tm-panel.an .tm-m-route i{transform:scaleX(1)}
.tm-m-aufgaben,.tm-m-kontakte{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.tm-m-aufgaben li{display:grid;grid-template-columns:14px 1fr auto;column-gap:9px;align-items:start;padding:8px 10px;border-radius:10px;background:#161A24;border:1px solid var(--linie)}
.tm-m-aufgaben li i{grid-row:span 2;width:13px;height:13px;margin-top:2px;border-radius:4px;border:1.5px solid var(--linie-stark)}
.tm-m-aufgaben li b{font-size:.74rem}
.tm-m-aufgaben li em{grid-row:1;grid-column:3;font-style:normal;font-size:.6rem;color:var(--bern)}
.tm-m-aufgaben li.erledigt{opacity:.55}.tm-m-aufgaben li.erledigt i{background:#3DDC84;border-color:#3DDC84}.tm-m-aufgaben li.erledigt em{color:#3DDC84}
.tm-m-kontakte li{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;padding:7px 9px;border-radius:10px;background:#161A24;border:1px solid var(--linie)}
.tm-m-ini{grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.64rem;font-weight:700;background:var(--verlauf);color:#fff}
.tm-m-kontakte small{color:var(--text-3);font-size:.66rem}
.tm-m-reiter{display:flex;gap:6px;margin-bottom:9px}
.tm-m-reiter span{padding:4px 9px;border-radius:999px;font-size:.62rem;border:1px solid var(--linie-stark);color:var(--text-3)}
.tm-m-reiter span.an{background:rgba(47,107,255,.25);border-color:#7EA0FF;color:#fff}
.tm-m-tipp{margin:0;color:var(--text-2);line-height:1.5}
.tm-m-tipp::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--cyan);animation:tm-cursor 1s steps(1) infinite}
@keyframes tm-cursor{50%{opacity:0}}
.tm-m-mail p{margin:0 0 5px}.tm-m-mail p span{display:inline-block;width:52px;color:var(--text-3)}
.tm-m-anhang{display:inline-block;padding:4px 8px;border-radius:6px;background:#161A24;border:1px solid var(--linie-stark);font-size:.66rem}
.tm-m-frei{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.tm-m-frei em{font-style:normal;font-size:.66rem;font-weight:600;color:var(--bern)}
.tm-m-frei b,.tm-m-knopf{display:inline-block;padding:6px 12px;border-radius:999px;font-size:.66rem;font-weight:600;color:#0B0F1C;background:linear-gradient(100deg,#5CCBFF,#8FA4FF 45%,#C495FF)}
.tm-m-post .tm-m-bild{height:90px;border-radius:10px;background-size:cover;background-position:center;margin-bottom:9px}
.tm-m-post p{margin:0 0 9px;color:var(--text-2);line-height:1.45}
.tm-m-datei{display:inline-block;padding:4px 8px;border-radius:6px;background:#161A24;border:1px solid var(--linie-stark);font-size:.66rem;margin-bottom:9px}
.tm-m-doku dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:0 0 10px;padding:9px 11px;border-radius:10px;background:#161A24}
.tm-m-doku dt{color:var(--text-3)}.tm-m-doku dd{margin:0;font-weight:600;opacity:0;transform:translateX(-6px);transition:opacity .35s,transform .4s}
.tm-panel.an .tm-m-doku dd{opacity:1;transform:none}
.tm-panel.an .tm-m-doku dd:nth-of-type(1){transition-delay:.8s}.tm-panel.an .tm-m-doku dd:nth-of-type(2){transition-delay:1s}.tm-panel.an .tm-m-doku dd:nth-of-type(3){transition-delay:1.2s}.tm-panel.an .tm-m-doku dd:nth-of-type(4){transition-delay:1.4s}
.tm-m-coach ol{margin:0;padding-left:18px;display:grid;gap:5px;color:var(--text-2)}
.tm-m-zahl{margin:4px 0 8px;font-size:1.2rem;font-weight:600;background:linear-gradient(100deg,#5CCBFF,#C495FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.tm-m-skala{position:relative;height:6px;border-radius:6px;background:#1C2130;margin-bottom:10px}
.tm-m-skala i{position:absolute;left:32%;width:30%;top:0;bottom:0;border-radius:6px;background:var(--verlauf);box-shadow:0 0 12px rgba(47,107,255,.8);transform:scaleX(0);transition:transform .8s ease .8s}
.tm-panel.an .tm-m-skala i{transform:scaleX(1)}
.tm-m-wert ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.tm-m-wert li{display:flex;justify-content:space-between;padding:6px 9px;border-radius:8px;background:#161A24;color:var(--text-2)}
.tm-m-wert li b{color:var(--text);font-weight:600}

@media (max-width:900px){
  .tm-buehne{height:auto;display:block;padding-top:0;overflow:visible}
  .tm-bogen{display:none}
  .tm-panels{height:auto;display:grid;gap:56px}
  .tm-panel{position:relative;inset:auto;opacity:1;visibility:visible;transform:none}
  .tm-kopf img{display:block}
  .tm-kopf h3{font-size:2.2rem}
  .tm-unten{grid-template-columns:minmax(0,1fr)}
  .tm-liste li,.tm-mock,.tm-m-doku dd{opacity:1;transform:none}
  .tm-m-route i,.tm-m-skala i{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .tm-panel,.tm-liste li,.tm-mock,.tm-person,.tm-m-doku dd,.tm-m-route i,.tm-m-skala i{transition:none!important}
  .tm-m-tipp::after{animation:none}
}

/* Bühne: Überschrift bleibt oben stehen, darunter links der Halbkreis (am Bildschirmrand), rechts die Inhalte */
@media (min-width:901px){
  .ak-team{padding-top:0}
  .tm-buehne{--r:min(40vh,380px);max-width:none;width:100%;grid-template-columns:max(30vw,380px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding:calc(var(--oben-hoehe,90px) + clamp(12px,3vh,36px)) 0 20px 0;column-gap:0}
  .tm-titel{grid-column:1 / -1;margin:0 auto clamp(4px,1.5vh,16px)}
  .tm-bogen{grid-row:2}
  .tm-panels{grid-row:2;align-self:center;max-width:860px;margin-right:max(var(--seitenrand),calc((100vw - var(--ab-breite)) / 2));height:min(500px,100%)}
  .tm-kreis{left:calc(var(--r) * -1.05)}
  .tm-bogen li{left:calc(var(--r) * -.05)}
}
/* Halbkreis und Inhalt mittig im Bild: der Kreismittelpunkt liegt genau auf der Kapitelleiste (links, halbe Bildhöhe) */
@media (min-width:901px){
  .tm-buehne{--mx:44px}
  .tm-bogen{grid-area:auto;position:absolute;left:0;top:0;bottom:0;width:calc(var(--mx) + var(--r) + 120px)}
  .tm-kreis{left:calc(var(--mx) - var(--r))}
  .tm-bogen li{left:var(--mx)}
  .tm-panel{justify-content:safe center}
  .tm-panels{grid-area:auto;position:absolute;left:calc(var(--mx) + var(--r) + clamp(90px,8vw,150px));right:max(var(--seitenrand),calc((100vw - var(--ab-breite)) / 2));top:calc(50% + 20px);transform:translateY(-50%);height:min(470px,calc(100vh - 2 * (var(--oben-hoehe,90px) + 160px) + 40px));max-width:860px;margin:0}
}
/* alles um die halbe Kopfleistenhöhe tiefer: oben und unten gleich viel Luft; die Kapitelleiste rückt mit, damit der Kreis mittig zu ihr bleibt */
@media (min-width:901px){
  .tm-buehne{--vs:calc(var(--oben-hoehe,90px) / 2);padding-top:calc(var(--oben-hoehe,90px) + clamp(12px,3vh,36px) + var(--vs))}
  .tm-bogen{top:var(--vs);bottom:calc(-1 * var(--vs))}
  .tm-panels{top:calc(50% + 20px + var(--vs))}
}
main.unterseite ~ .kapitel{top:calc(50% + var(--oben-hoehe,90px) / 2)}

/* ---------- 4 · Mein Personal einrichten ---------- */
.ps-raster{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,5vw,80px);align-items:center}
.ps-text .h2{max-width:16ch}
.ps-uebersicht{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;max-width:440px}
.ps-uebersicht li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font-size:.84rem;background:color-mix(in srgb,var(--panel) 80%,transparent);border:1px solid var(--linie);transition:border-color .4s,box-shadow .4s}
.ps-uebersicht span{color:var(--text-3)}
.ps-uebersicht b{font-weight:600;color:var(--text-3);transition:color .3s}
.ps-uebersicht li.gesetzt{border-color:rgba(143,164,255,.4);box-shadow:0 0 18px -8px rgba(47,107,255,.8)}
.ps-uebersicht li.gesetzt b{color:#fff;animation:ps-pop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes ps-pop{0%{transform:scale(.6);opacity:0}100%{transform:none;opacity:1}}

.ps-fenster{position:relative;border-radius:18px;background:#11141C;border:1px solid rgba(143,164,255,.28);box-shadow:0 40px 80px -40px rgba(0,0,0,.9),0 0 80px -30px rgba(47,107,255,.6);overflow:hidden}
.ps-kopf{display:flex;flex-direction:column;gap:4px;padding:20px 22px 16px;border-bottom:1px solid var(--linie)}
.ps-kopf b{font-size:1.05rem;font-weight:600}
.ps-kopf small{color:var(--text-3);font-size:.8rem}
.ps-fort{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px 22px 0;font-size:.74rem;color:var(--text-3)}
.ps-fort>i{grid-column:1 / -1;height:5px;border-radius:5px;background:#1C2130;overflow:hidden}
.ps-fort>i>i{display:block;height:100%;width:calc(var(--f,1) / 7 * 100%);border-radius:5px;background:var(--verlauf);box-shadow:0 0 12px rgba(47,107,255,.8);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.ps-fragen{position:relative;height:250px;margin:18px 22px 0}
.ps-frage,.ps-fertig{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(40px);transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
.ps-frage.weg{transform:translateX(-40px)}
.ps-frage.an,.ps-fertig.an{opacity:1;visibility:visible;transform:none;transition:opacity .4s ease .1s,transform .55s cubic-bezier(.2,.8,.2,1) .1s,visibility 0s}
.ps-q{margin:0 0 14px;font-size:1.05rem;font-weight:600}
.ps-opts{display:grid;gap:9px}
.ps-opt{display:flex;flex-direction:column;gap:2px;padding:11px 14px;border-radius:11px;border:1px solid var(--linie-stark);background:#161A24;transition:border-color .25s,background .25s,box-shadow .25s,transform .15s}
.ps-opt b{font-size:.92rem;font-weight:600}
.ps-opt small{font-size:.76rem;color:var(--text-3)}
.ps-opt.gewaehlt{border-color:#7EA0FF;background:rgba(47,107,255,.18);box-shadow:0 0 0 3px rgba(47,107,255,.2)}
.ps-opt.drueckt{transform:scale(.98)}
.ps-feld{padding:13px 14px;border-radius:11px;border:1px solid #7EA0FF;background:#0A0C12;min-height:22px;font-size:.95rem;box-shadow:0 0 0 3px rgba(47,107,255,.2)}
.ps-tipp::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-3px;background:var(--cyan);animation:tm-cursor 1s steps(1) infinite}
.ps-fertig{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.ps-fertig b{font-size:1.2rem;font-weight:600}
.ps-fertig small{color:var(--text-2);font-size:.9rem}
.ps-haken{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--verlauf);box-shadow:0 0 40px rgba(47,107,255,.8);margin-bottom:8px}
.ps-haken svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}
.ps-fertig.an .ps-haken svg{animation:ps-strich .6s ease .35s forwards}
@keyframes ps-strich{to{stroke-dashoffset:0}}
.ps-fuss{display:flex;gap:18px;align-items:center;justify-content:flex-end;padding:16px 22px;margin-top:18px;border-top:1px solid var(--linie);font-size:.84rem;color:var(--text-3)}
.ps-fuss span:first-child{margin-right:auto}
.ps-weiter{padding:8px 18px;border-radius:999px;font-weight:600;color:#0B0F1C;background:linear-gradient(100deg,#5CCBFF,#8FA4FF 45%,#C495FF);transition:transform .15s,box-shadow .3s}
.ps-weiter.drueckt{transform:scale(.93);box-shadow:0 0 0 4px rgba(143,220,255,.35),0 0 22px rgba(92,203,255,.9)}
.ps-hand{position:absolute;left:0;top:0;width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.8;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(0,180,249,.7));pointer-events:none;opacity:0;transition:transform .7s cubic-bezier(.6,0,.3,1),opacity .3s;z-index:3}

.ps-team{list-style:none;margin:clamp(40px,5vw,64px) auto 0;padding:0;display:flex;justify-content:center;gap:clamp(10px,1.6vw,22px);flex-wrap:wrap}
.ps-team li{position:relative;width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px)}
.ps-team img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:grayscale(.7) brightness(.6);box-shadow:0 0 0 2px rgba(255,255,255,.1);transition:filter .5s,box-shadow .5s,transform .5s cubic-bezier(.2,1.4,.4,1)}
.ps-team i{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;background:#3DDC84 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1A12' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 0 12px rgba(61,220,132,.8);opacity:0;transform:scale(.3);transition:opacity .3s,transform .45s cubic-bezier(.2,1.6,.4,1)}
.ps-team.alle img{filter:none;box-shadow:0 0 0 2px #8FDCFF,0 0 22px rgba(47,107,255,.7);transform:translateY(-4px);transition-delay:calc(var(--n) * 120ms)}
.ps-team.alle i{opacity:1;transform:none;transition-delay:calc(var(--n) * 120ms + .2s)}

@media (max-width:900px){
  .ps-raster{grid-template-columns:minmax(0,1fr)}
  .ps-uebersicht{max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .ps-frage,.ps-fertig,.ps-opt,.ps-fort>i>i,.ps-team img,.ps-team i,.ps-hand{transition:none!important}
  .ps-tipp::after{animation:none}
}
.ps-fragen{overflow:hidden;padding:4px;margin:14px 18px 0}

/* ---------- 5 · Personalakte zum Ausprobieren ---------- */
.ak-akte .ak-zeile{text-align:center}
.pa-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:stretch}
.pa-regler,.pa-mail{position:relative;border-radius:18px;background:#11141C;border:1px solid rgba(143,164,255,.24);box-shadow:0 40px 80px -40px rgba(0,0,0,.9);padding:22px 24px}
.pa-kopf{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid var(--linie)}
.pa-kopf img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(143,220,255,.5)}
.pa-kopf div{display:flex;flex-direction:column;gap:2px}
.pa-kopf b{font-weight:600}
.pa-kopf small{font:500 .66rem/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.pa-zeile{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--linie)}
.pa-name{font-size:.88rem;color:var(--text-2)}
.pa-wahl{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.pa-knopf{font:500 .82rem/1 "Manrope",sans-serif;color:var(--text-2);padding:8px 13px;border-radius:9px;border:1px solid var(--linie-stark);background:#161A24;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .12s}
.pa-knopf:hover{color:var(--text);border-color:rgba(255,255,255,.3)}
.pa-knopf[aria-pressed="true"]{color:#fff;border-color:transparent;background:linear-gradient(120deg,#2F6BFF,#7B3BFF);box-shadow:0 0 16px -2px rgba(47,107,255,.8)}
.pa-knopf:active,.pa-punkt:active{transform:scale(.94)}
.pa-knopf:focus-visible,.pa-punkt:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.pa-pol{font-size:.7rem;color:var(--text-3)}
.pa-punkte{display:flex;gap:6px}
.pa-punkt{width:18px;height:18px;padding:0;border-radius:50%;border:1.5px solid var(--linie-stark);background:#161A24;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .12s}
.pa-punkt.voll{background:var(--verlauf);border-color:transparent}
.pa-punkt[aria-pressed="true"]{box-shadow:0 0 0 3px rgba(47,107,255,.3),0 0 12px rgba(47,107,255,.8)}
.pa-hinweis{margin:14px 0 0;font-size:.76rem;color:var(--text-3);line-height:1.45}
.pa-hand{position:absolute;left:0;top:0;width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.8;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(0,180,249,.7));pointer-events:none;opacity:0;transition:transform .8s cubic-bezier(.6,0,.3,1),opacity .3s;z-index:3}

.pa-mail{display:flex;flex-direction:column;font-size:.92rem}
.pa-mail-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.7rem;color:var(--text-3)}
.pa-status{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--text-2)}
.pa-status i{width:8px;height:8px;border-radius:50%;background:#3DDC84;box-shadow:0 0 8px #3DDC84}
.pa-mail.schreibt .pa-status i{background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pa-puls .8s ease-in-out infinite}
@keyframes pa-puls{50%{opacity:.3}}
.pa-m-zeile{margin:0 0 6px;color:var(--text)}
.pa-m-zeile span{display:inline-block;width:64px;color:var(--text-3)}
.pa-m-text{flex:1;margin-top:12px;padding-top:14px;border-top:1px solid var(--linie);line-height:1.6;color:var(--text);min-height:260px}
.pa-m-text p{margin:0 0 10px}
.pa-m-text .neu{animation:pa-ein .45s ease both}
@keyframes pa-ein{from{opacity:0;filter:blur(4px);transform:translateY(4px)}}
.pa-m-fuss{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--linie)}
.pa-m-fuss em{font-style:normal;font-size:.74rem;font-weight:600;color:var(--bern)}
.pa-m-fuss b{padding:7px 14px;border-radius:999px;font-size:.74rem;font-weight:600;color:#0B0F1C;background:linear-gradient(100deg,#5CCBFF,#8FA4FF 45%,#C495FF)}

.pa-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(28px,3vw,44px)}
.pa-karte{padding:22px 22px 24px;border-radius:var(--radius-gross);border:1px solid var(--linie);background:color-mix(in srgb,var(--panel) 85%,transparent);transition:border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.pa-karte:hover{border-color:rgba(143,164,255,.35);transform:translateY(-4px);box-shadow:0 0 50px -24px rgba(47,107,255,.8)}
.pa-k-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(47,107,255,.16);border:1px solid rgba(143,164,255,.3)}
.pa-k-icon svg{width:21px;height:21px;fill:none;stroke:#8FDCFF;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pa-karte h3{margin:16px 0 0;font-size:1.08rem;font-weight:600}
.pa-karte p{margin:8px 0 0;font-size:.9rem;line-height:1.55;color:var(--text-2)}

@media (max-width:900px){
  .pa-raster,.pa-karten{grid-template-columns:minmax(0,1fr)}
  .pa-zeile{grid-template-columns:minmax(0,1fr)}
  .pa-m-text{min-height:0}
}
@media (prefers-reduced-motion:reduce){.pa-m-text .neu{animation:none}.pa-hand{display:none}}

/* ---------- 5b · Drei Karten mit eigener Szene ---------- */
.pa-karte{display:flex;flex-direction:column;padding:0;overflow:hidden}
.pa-karte h3{margin:20px 22px 0}
.pa-karte p{margin:8px 22px 24px}
.pk-buehne{position:relative;height:190px;padding:18px;background:radial-gradient(120% 90% at 50% 0%,rgba(47,107,255,.16),transparent 70%),#0E1119;border-bottom:1px solid var(--linie);overflow:hidden;font-size:.74rem}
/* Stilprobe: Mails fliegen in den Scanner, Etiketten kommen heraus */
@keyframes pk-scan{0%{top:-30%;opacity:1}100%{top:100%;opacity:1}}
/* Ergänzung: Anweisung wird getippt, im Exposé leuchtet die Angabe auf */
.pk-feld{padding:10px 12px;border-radius:10px;border:1px solid #7EA0FF;background:#0A0C12;min-height:36px;color:var(--text);box-shadow:0 0 0 3px rgba(47,107,255,.18);font-size:.78rem;line-height:1.4}
.pk-tipp::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--cyan);animation:tm-cursor 1s steps(1) infinite}
.pk-expo{margin-top:12px;padding:10px 12px;border-radius:10px;background:#161A24;border:1px solid var(--linie);color:var(--text-2);line-height:1.5;opacity:.35;transition:opacity .5s ease}
.pk-expo p{margin:0}
.pk-expo mark{background:none;color:inherit;border-radius:4px;transition:background .5s,color .5s,box-shadow .5s}
.pk-fertig .pk-expo{opacity:1}
.pk-fertig .pk-expo mark{color:#fff;background:rgba(47,107,255,.35);box-shadow:0 0 0 2px rgba(143,220,255,.4),0 0 18px rgba(47,107,255,.7);transition-delay:.4s}
/* Regel: verbotener Satz wird durchgestrichen und ersetzt, Schild mit dem ganzen Team */
.pk-entwurf{padding:11px 13px;border-radius:10px;background:#161A24;border:1px solid var(--linie);color:var(--text-2);line-height:1.55;font-size:.78rem}
.pk-entwurf p{margin:0}
.pk-entwurf s{text-decoration:none;background:linear-gradient(#E5484D,#E5484D) 0 55%/0% 1.5px no-repeat;transition:background-size .6s ease .5s,color .4s ease .5s,opacity .4s ease 1.6s}
.pk-entwurf em{display:block;font-style:normal;color:#fff;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease 1.9s,opacity .5s ease 2s}
.pk-an.pk-regel .pk-entwurf s{background-size:100% 1.5px;color:#E5484D;opacity:.55}
.pk-an.pk-regel .pk-entwurf em{max-height:3em;opacity:1}
.pk-schild{display:flex;align-items:center;gap:9px;margin-top:14px;padding:8px 10px;border-radius:10px;border:1px solid rgba(61,220,132,.35);background:rgba(61,220,132,.08);color:#BFF5D6;font-weight:600;opacity:0;transform:translateY(10px);transition:opacity .4s ease 2.6s,transform .5s cubic-bezier(.2,1.2,.4,1) 2.6s}
.pk-schild svg{width:20px;height:20px;flex:none;fill:none;stroke:#3DDC84;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pk-stapel{display:flex;margin-left:auto}
.pk-stapel img{width:20px;height:20px;border-radius:50%;object-fit:cover;margin-left:-6px;box-shadow:0 0 0 1.5px #0E1119;opacity:0;transform:scale(.4);transition:opacity .25s ease,transform .4s cubic-bezier(.2,1.6,.4,1);transition-delay:calc(var(--n) * 80ms + 2.9s)}
.pk-an.pk-regel .pk-schild{opacity:1;transform:none}
.pk-an.pk-regel .pk-stapel img{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .pk-buehne *{transition:none!important;animation:none!important}
}

/* Stilprobe (neu): echte kleine Mail, Lesestreifen läuft darüber, erkannte Stellen leuchten, Etiketten springen heraus */
.pk-mail{position:relative;padding:11px 13px;border-radius:11px;background:#161A24;border:1px solid var(--linie-stark);overflow:hidden}
.pk-mk{display:flex;justify-content:space-between;gap:8px;margin:0 0 7px;padding-bottom:7px;border-bottom:1px solid var(--linie);font-size:.66rem;color:var(--text-3)}
.pk-zahl{font-style:normal;color:var(--cyan);font-weight:600}
.pk-mt{margin:0;color:var(--text-2);line-height:1.6;font-size:.78rem}
.pk-mt mark{background:none;color:inherit;border-radius:4px;padding:0 2px;margin:0 -2px;transition:background .35s,color .35s,box-shadow .35s}
.pk-linie{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#5CCBFF,#C495FF,transparent);box-shadow:0 0 12px #5CCBFF;opacity:0}
.pk-mail.liest .pk-linie{animation:pk-lesen 2.2s ease-in-out forwards}
@keyframes pk-lesen{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:100%;opacity:0}}
.pk-mt mark.an{color:#fff;background:rgba(47,107,255,.35);box-shadow:0 0 0 1px rgba(143,220,255,.45),0 0 14px rgba(47,107,255,.6)}
.pk-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.pk-tags b{padding:5px 10px;border-radius:999px;font-weight:600;font-size:.7rem;color:#fff;background:linear-gradient(120deg,#2F6BFF,#7B3BFF);box-shadow:0 0 14px rgba(47,107,255,.7);opacity:0;transform:translateY(8px) scale(.6);transition:opacity .3s ease,transform .45s cubic-bezier(.2,1.6,.4,1)}
.pk-tags b.an{opacity:1;transform:none}
.pk-buehne{height:236px}
.pa-karte .pk-buehne p{margin:0}
.pa-karte .pk-buehne .pk-mk{margin:0 0 7px}
.pk-buehne{height:214px}

/* ---------- 6 · Chat am Objekt ---------- */
.oc-fenster{position:relative;display:grid;grid-template-columns:170px 190px minmax(0,1fr) 270px;height:600px;border-radius:20px;overflow:hidden;background:#0D1017;border:1px solid rgba(143,164,255,.26);box-shadow:0 50px 100px -50px rgba(0,0,0,.95),0 0 100px -40px rgba(47,107,255,.6);font-size:.8rem}
.oc-fenster svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.oc-nav{background:#0F1730;padding:18px 14px;border-right:1px solid var(--linie)}
.oc-nav img{width:84px;height:auto;margin:2px 0 26px 4px}
.oc-nav-titel{margin:0 0 8px 6px;font:600 .58rem/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.oc-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.oc-nav li{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;color:var(--text-2)}
.oc-liste{padding:16px 12px;border-right:1px solid var(--linie);background:#10131B}
.oc-suche{display:block;padding:8px 10px;border-radius:9px;border:1px solid var(--linie-stark);color:var(--text-3);margin-bottom:14px}
.oc-l-z{display:flex;align-items:center;gap:8px;margin:0 0 3px;padding:7px 9px;border-radius:8px;color:var(--text-2)}
.oc-l-z.an{background:rgba(47,107,255,.2);color:#fff}
.oc-l-kopf{margin:16px 0 6px 6px;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.oc-chat{display:flex;flex-direction:column;min-width:0}
.oc-verlauf{flex:1;padding:22px 24px 10px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;overflow:hidden}
.oc-n,.oc-tippt{display:none}
.oc-n.da,.oc-tippt.da{display:flex;animation:oc-ein .45s cubic-bezier(.2,.8,.2,1)}
@keyframes oc-ein{from{opacity:0;transform:translateY(12px)}}
.oc-du{align-self:flex-end;flex-direction:column;align-items:flex-end;gap:7px;max-width:72%;padding:10px 13px;border-radius:14px 14px 4px 14px;background:linear-gradient(120deg,rgba(47,107,255,.55),rgba(155,5,254,.45));color:#fff;line-height:1.45}
.oc-datei{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;background:rgba(255,255,255,.14);font-size:.72rem}
.oc-ag{align-self:flex-start;gap:10px;max-width:86%}
.oc-ag>img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none}
.oc-ag>div{padding:11px 14px;border-radius:4px 14px 14px 14px;background:#161A24;border:1px solid var(--linie);line-height:1.5;color:var(--text)}
.oc-ag p{margin:0 0 7px}
.oc-ag p:last-child{margin-bottom:0}
.oc-wer{display:inline-block;margin-bottom:5px;padding:2px 8px;border-radius:999px;font-size:.62rem;font-weight:700;color:#fff;background:linear-gradient(120deg,#7B3BFF,#B05CFF)}
.oc-tab{width:100%;border-collapse:collapse;margin:4px 0 9px;font-size:.72rem}
.oc-tab th{text-align:left;font-weight:500;color:var(--text-3);padding:3px 6px}
.oc-tab td{padding:5px 6px;border-top:1px solid var(--linie)}
.oc-tab td:first-child{color:var(--text-3)}
.oc-tab tr.ab td:nth-child(2){color:#FF8A8F;background:rgba(229,72,77,0);transition:background .4s}
.oc-ag.da .oc-tab tr.ab td:nth-child(2){background:rgba(229,72,77,.14);animation:oc-rot 1.2s ease .4s 2}
@keyframes oc-rot{50%{background:rgba(229,72,77,.35)}}
.oc-leise{color:var(--text-3);font-size:.74rem}
.oc-feld{display:flex;justify-content:space-between;padding:7px 10px;border-radius:8px;background:#0D1017;border:1px solid var(--linie-stark)}
.oc-feld span{color:var(--text-3)}
.oc-knoepfe{display:flex;gap:7px;margin-top:4px}
.oc-knoepfe span{padding:6px 13px;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid var(--linie-stark);color:var(--text-2);transition:transform .15s,box-shadow .3s}
.oc-knoepfe .oc-ja{border:0;color:#0B0F1C;background:linear-gradient(100deg,#5CCBFF,#8FA4FF 45%,#C495FF)}
.oc-ja.drueckt{transform:scale(.92);box-shadow:0 0 0 4px rgba(143,220,255,.35),0 0 22px rgba(92,203,255,.9)}
.oc-ok{display:none!important;align-items:center;gap:6px;color:#3DDC84;font-weight:600}
.oc-fenster.eingetragen .oc-knoepfe{display:none}
.oc-fenster.eingetragen .oc-ok{display:flex!important}
.oc-tippt{align-self:flex-start;gap:4px;margin-left:40px;padding:10px 12px;border-radius:12px;background:#161A24}
.oc-tippt i{width:6px;height:6px;border-radius:50%;background:var(--text-3);animation:oc-punkt 1s infinite}
.oc-tippt i:nth-child(2){animation-delay:.15s}.oc-tippt i:nth-child(3){animation-delay:.3s}
@keyframes oc-punkt{50%{opacity:.25;transform:translateY(-2px)}}
.oc-eingabe{display:flex;justify-content:space-between;align-items:center;margin:0 24px 18px;padding:11px 14px;border-radius:12px;border:1px solid var(--linie-stark);color:var(--text-3)}
.oc-objekt{padding:16px 14px;border-left:1px solid var(--linie);background:#10131B;overflow:hidden}
.oc-o-titel{margin:0 0 10px;display:flex;flex-direction:column;gap:2px}
.oc-o-titel b{font-size:.92rem}
.oc-o-titel small{color:var(--text-3);font-size:.68rem}
.oc-foto{height:110px;border-radius:10px;background-size:cover;background-position:center}
.oc-kacheln{display:grid;grid-template-columns:1.3fr 1fr;gap:7px;margin-top:9px}
.oc-kacheln p{margin:0;display:flex;flex-direction:column;gap:3px;padding:8px 9px;border-radius:9px;border:1px solid var(--linie);background:#161A24}
.oc-kacheln small{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.oc-kacheln b{font-size:.9rem}
.oc-p-leer{font-size:.7rem;font-weight:500;color:var(--text-3)}
.oc-p-wert{display:none;color:#8FDCFF}
.oc-fenster.eingetragen .oc-p-leer{display:none}
.oc-fenster.eingetragen .oc-p-wert{display:inline;animation:ps-pop .6s cubic-bezier(.2,1.6,.4,1)}
.oc-fenster.eingetragen .oc-preis{border-color:rgba(143,220,255,.6);box-shadow:0 0 22px -4px rgba(47,107,255,.9);transition:box-shadow .4s,border-color .4s}
.oc-o-kopf{margin:14px 0 6px;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.oc-dok{display:flex;align-items:center;gap:7px;margin:0 0 5px;padding:6px 8px;border-radius:8px;border:1px solid var(--linie);font-size:.7rem;color:var(--text-2)}
.oc-dok em{margin-left:auto;font-style:normal;font-size:.58rem;color:var(--bern)}
.oc-reise{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.oc-reise li{position:relative;display:flex;justify-content:space-between;padding-left:18px;font-size:.7rem;color:var(--text-3)}
.oc-reise li::before{content:"";position:absolute;left:2px;top:3px;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--linie-stark)}
.oc-reise li.fertig::before{background:#3DDC84;border-color:#3DDC84}
.oc-reise li.jetzt{color:#fff;font-weight:600}
.oc-reise li.jetzt::before{background:var(--blau);border-color:#8FDCFF;box-shadow:0 0 8px rgba(47,107,255,.9)}
.oc-reise em{font-style:normal;font-size:.58rem;padding:1px 6px;border-radius:999px;border:1px solid rgba(143,164,255,.35);color:#8FA4FF}
.oc-hand{position:absolute;left:0;top:0;width:28px!important;height:28px!important;stroke:#fff!important;stroke-width:1.8!important;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(0,180,249,.7));pointer-events:none;opacity:0;transition:transform .9s cubic-bezier(.6,0,.3,1),opacity .3s;z-index:3}
@media (max-width:1100px){.oc-fenster{grid-template-columns:190px minmax(0,1fr) 250px}.oc-nav{display:none}}
@media (max-width:900px){.oc-fenster{grid-template-columns:minmax(0,1fr);height:auto}.oc-liste,.oc-objekt{display:none}.oc-verlauf{min-height:520px;padding:16px}.oc-du{max-width:88%}.oc-ag{max-width:100%}}
@media (prefers-reduced-motion:reduce){.oc-n.da,.oc-tippt.da,.oc-tippt i,.oc-tab tr.ab td{animation:none!important}.oc-hand{display:none}}
.oc-verlauf{min-height:0}.oc-feld{gap:16px}@media (max-width:900px){.oc-verlauf{min-height:560px}}
.oc-chat{min-height:0;overflow:hidden}.oc-eingabe{flex:none}
/* Chat am Objekt (hell wie die App): helle Inhaltsflächen, dunkelblaue Navigation */
.oc-fenster{grid-template-rows:minmax(0,1fr);background:#F4F6FB;border-color:rgba(143,164,255,.45);color:#1A2033;box-shadow:0 50px 100px -50px rgba(0,0,0,.95),0 0 120px -40px rgba(92,203,255,.55)}
.oc-nav{background:#14204A;color:#C9D2EE}
.oc-nav li{color:#C9D2EE}
.oc-liste{background:#FFFFFF;border-right-color:#E3E7F0}
.oc-suche{border-color:#DDE2EC;color:#8A93A8}
.oc-l-z{color:#3A4256}
.oc-l-z.an{background:#E6EDFF;color:#1F3FB0;font-weight:600}
.oc-l-kopf{color:#8A93A8}
.oc-chat{background:#F4F6FB}
.oc-ag>div{background:#FFFFFF;border-color:#E3E7F0;color:#1A2033;box-shadow:0 6px 20px -12px rgba(20,32,74,.25)}
.oc-tippt{background:#FFFFFF;box-shadow:0 6px 20px -12px rgba(20,32,74,.25)}
.oc-tippt i{background:#8A93A8}
.oc-felder{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;margin:4px 0 9px;padding:9px 11px;border-radius:9px;background:#F4F6FB;border:1px solid #E3E7F0;font-size:.74rem}
.oc-felder dt{color:#6B7489}
.oc-felder dd{margin:0;font-weight:600;color:#1A2033}
.oc-ag.da .oc-felder dd{animation:oc-feld .5s ease both}
.oc-ag.da .oc-felder dd:nth-of-type(2){animation-delay:.15s}.oc-ag.da .oc-felder dd:nth-of-type(3){animation-delay:.3s}.oc-ag.da .oc-felder dd:nth-of-type(4){animation-delay:.45s}.oc-ag.da .oc-felder dd:nth-of-type(5){animation-delay:.6s}
@keyframes oc-feld{from{opacity:0;transform:translateX(-6px)}}
.oc-fenster.eingetragen .oc-felder dd{color:#0E8A4A}
.oc-knoepfe span{border-color:#D5DBE7;color:#3A4256}
.oc-ok{color:#0E8A4A}
.oc-eingabe{background:#FFFFFF;border-color:#DDE2EC;color:#8A93A8}
.oc-objekt{background:#FFFFFF;border-left-color:#E3E7F0}
.oc-o-titel small,.oc-o-kopf,.oc-kacheln small{color:#8A93A8}
.oc-kacheln p{background:#F7F9FC;border-color:#E3E7F0}
.oc-kacheln b{color:#1A2033}
.oc-p-leer{color:#B0784A}
.oc-p-wert{color:#1F3FB0}
.oc-fenster.eingetragen .oc-preis{border-color:#7EA0FF;box-shadow:0 0 0 3px rgba(47,107,255,.15),0 0 20px -4px rgba(47,107,255,.6)}
.oc-dok{border-color:#E3E7F0;color:#3A4256}
.oc-dok em{color:#B0784A}
.oc-d-ok,.oc-r-nach{display:none}
.oc-fenster.eingetragen .oc-d-neu,.oc-fenster.eingetragen .oc-r-vor{display:none}
.oc-fenster.eingetragen .oc-d-ok{display:inline;color:#0E8A4A}
.oc-fenster.eingetragen .oc-r-nach{display:inline;animation:ps-pop .6s cubic-bezier(.2,1.6,.4,1)}
.oc-reise li{color:#8A93A8}
.oc-reise li::before{border-color:#C9D0DE}
.oc-reise li.jetzt{color:#1A2033}
.oc-reise em{border-color:#C7D3FF;color:#3B5BDB}
.oc-dok-neu{border-color:#C7D3FF;background:#F3F6FF}
.oc-fenster .oc-du{background:linear-gradient(120deg,#2F6BFF,#7B3BFF);box-shadow:0 8px 20px -10px rgba(47,107,255,.7)}.oc-fenster .oc-datei{background:rgba(255,255,255,.2)}.oc-fenster{height:540px}
.oc-fenster{height:580px}.oc-foto{height:96px}
/* Chat am Objekt: zweiter Schritt (Angebotspreis), Fuß der Navigation */
.oc-fenster{height:720px}
.oc-nav{display:flex;flex-direction:column}
.oc-nav-fuss{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.oc-nav-fuss p{margin:0 0 12px;display:flex;flex-direction:column;gap:2px;padding-left:6px}
.oc-nav-fuss b{font-size:.74rem;color:#fff}
.oc-nav-fuss small{font-size:.6rem;color:#8E99BD}
.oc-nav-fuss div{display:flex;gap:14px;padding-left:6px;color:#AEB8D8}
.oc-nav-fuss .oc-ab{color:#E5484D;display:flex}
.oc-ok2,.oc-fenster.eingetragen .oc-ok2{display:none!important}
.oc-fenster.eingetragen .oc-k2{display:flex}
.oc-fenster.eingetragen2 .oc-k2{display:none}
.oc-fenster.eingetragen2 .oc-ok2{display:flex!important}
.oc-p2-wert{display:none;color:#1F3FB0}
.oc-p2-leer{font-size:.7rem;font-weight:500;color:#B0784A}
.oc-fenster.eingetragen2 .oc-p2-leer{display:none}
.oc-fenster.eingetragen2 .oc-p2-wert{display:inline;animation:ps-pop .6s cubic-bezier(.2,1.6,.4,1)}
.oc-fenster.eingetragen2 .oc-preis2{border-color:#7EA0FF;box-shadow:0 0 0 3px rgba(47,107,255,.15),0 0 20px -4px rgba(47,107,255,.6)}
.oc-fenster.eingetragen2 .oc-preis{border-color:#E3E7F0;box-shadow:none}
.oc-feld{background:#F4F6FB;border-color:#E3E7F0}
.oc-feld span{color:#6B7489}
.oc-feld b{color:#1A2033}
@media (max-width:900px){.oc-fenster{height:auto}.oc-verlauf{min-height:820px}}

/* ---------- 7 · Automatik im Hintergrund ---------- */
.au-buehne{--dauer:8s;position:relative;max-width:1080px;margin:0 auto;padding:10px 0}
.au-reihen{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.au-reihe{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);align-items:center;height:64px}
.au-ein,.au-aus{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:14px;font-size:.84rem;z-index:1}
.au-ein{justify-self:start;width:min(100%,260px);background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--linie-stark)}
.au-aus{grid-column:3;justify-self:end;width:min(100%,280px);background:rgba(61,220,132,.07);border:1px solid rgba(61,220,132,.3);opacity:.25;filter:saturate(.3);animation:au-aus var(--dauer) ease infinite;animation-delay:calc(var(--i) * var(--dauer) / 4)}
.au-ein span,.au-aus span{display:flex;flex-direction:column;gap:2px;min-width:0}
.au-ein small,.au-aus small{color:var(--text-3);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-ein svg{width:20px;height:20px;flex:none;fill:none;stroke:#8FDCFF;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.au-aus svg{width:18px;height:18px;flex:none;padding:3px;border-radius:50%;background:#3DDC84;fill:none;stroke:#0B1A12;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.au-ein{animation:au-ein var(--dauer) ease infinite;animation-delay:calc(var(--i) * var(--dauer) / 4)}
@keyframes au-ein{0%,3%{box-shadow:none;border-color:var(--linie-stark)}8%{box-shadow:0 0 24px -4px rgba(92,203,255,.8);border-color:rgba(143,220,255,.6)}22%,100%{box-shadow:none;border-color:var(--linie-stark)}}
@keyframes au-aus{0%,38%{opacity:.25;filter:saturate(.3);transform:translateX(-8px)}46%{opacity:1;filter:none;transform:none;box-shadow:0 0 28px -6px rgba(61,220,132,.8)}80%{opacity:1;filter:none;box-shadow:none}92%,100%{opacity:.25;filter:saturate(.3)}}
/* Bahnen: von links zum Kern, vom Kern nach rechts, je ein Lichtpunkt läuft durch */
.au-bahn{position:absolute;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,rgba(143,164,255,.08),rgba(143,164,255,.3),rgba(143,164,255,.08))}
.au-bahn-l{left:min(260px,33%);right:calc(50% + 70px)}
.au-bahn-r{right:min(280px,33%);left:calc(50% + 70px)}
.au-bahn::after{content:"";position:absolute;top:50%;left:0;width:46px;height:4px;margin-top:-2px;border-radius:4px;opacity:0;background:linear-gradient(90deg,transparent,#5CCBFF,#fff);box-shadow:0 0 12px #5CCBFF}
.au-bahn-r::after{background:linear-gradient(90deg,transparent,#3DDC84,#fff);box-shadow:0 0 12px #3DDC84}
.au-bahn-l::after{animation:au-l var(--dauer) linear infinite;animation-delay:calc(var(--i) * var(--dauer) / 4)}
.au-bahn-r::after{animation:au-r var(--dauer) linear infinite;animation-delay:calc(var(--i) * var(--dauer) / 4)}
@keyframes au-l{0%,4%{left:0;opacity:0}6%{opacity:1}20%{left:calc(100% - 46px);opacity:1}22%,100%{left:calc(100% - 46px);opacity:0}}
@keyframes au-r{0%,26%{left:0;opacity:0}28%{opacity:1}40%{left:calc(100% - 46px);opacity:1}42%,100%{left:calc(100% - 46px);opacity:0}}
/* Kern in der Mitte, pulsiert bei jedem Durchlauf */
.au-kern{position:absolute;left:50%;top:50%;width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:2;background:radial-gradient(circle,rgba(47,107,255,.35),rgba(155,5,254,.18) 55%,rgba(11,15,28,.95) 72%);border:1px solid rgba(143,164,255,.45);box-shadow:0 0 60px -10px rgba(47,107,255,.8),inset 0 0 30px rgba(92,203,255,.25);animation:au-kern calc(var(--dauer) / 4) ease-in-out infinite}
.au-kern::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px dashed rgba(143,220,255,.35);animation:au-dreh 14s linear infinite}
.au-kern img{width:84px;height:auto}
.au-kern small{display:flex;align-items:center;gap:5px;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#3DDC84}
.au-kern small::before{content:"";width:6px;height:6px;border-radius:50%;background:#3DDC84;box-shadow:0 0 8px #3DDC84;animation:pa-puls 1.2s ease-in-out infinite}
@keyframes au-kern{0%,60%,100%{box-shadow:0 0 60px -10px rgba(47,107,255,.8),inset 0 0 30px rgba(92,203,255,.25)}80%{box-shadow:0 0 90px 0 rgba(47,107,255,.95),inset 0 0 40px rgba(92,203,255,.5)}}
@keyframes au-dreh{to{transform:rotate(360deg)}}
@media (max-width:900px){
  .au-reihe-x{grid-template-columns:minmax(0,1fr);height:auto;gap:8px}
  .au-aus{grid-column:1;justify-self:stretch;width:auto}
  .au-ein{width:auto;justify-self:stretch}
  .au-bahn,.au-kern{display:none}
  .au-karten{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.au-buehne *,.au-kern,.au-kern::before{animation:none!important}.au-aus{opacity:1;filter:none}}

/* ---------- 8 · Volle Kontrolle ---------- */
.vk-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.vk-karte{display:flex;flex-direction:column;border-radius:var(--radius-gross);border:1px solid var(--linie);background:color-mix(in srgb,var(--panel) 85%,transparent);overflow:hidden}
.vk-karte h3{margin:20px 22px 0;font-size:1.12rem;font-weight:600}
.vk-karte>p{margin:8px 22px 24px;font-size:.9rem;line-height:1.55;color:var(--text-2)}
.vk-buehne{position:relative;height:260px;padding:18px;background:radial-gradient(120% 90% at 50% 0%,rgba(47,107,255,.16),transparent 70%),#0E1119;border-bottom:1px solid var(--linie);overflow:hidden;font-size:.76rem}
.vk-buehne p{margin:0}
.vk-buehne svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Gespräche: Liste, eins wird gewählt, Leseansicht gleitet herein */
.vk-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px;transition:transform .7s cubic-bezier(.6,0,.3,1),opacity .5s}
.vk-g{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:10px;background:#161A24;border:1px solid var(--linie);opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .5s ease,border-color .3s,background .3s;transition-delay:calc(var(--n) * 120ms)}
.vk-g img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.vk-g span{display:flex;flex-direction:column;min-width:0}
.vk-g small{color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vk-g em{margin-left:auto;font-style:normal;font-size:.64rem;color:var(--text-3);white-space:nowrap}
.vk-an .vk-g{opacity:1;transform:none}
.vk-2 .vk-g-wahl{border-color:#7EA0FF;background:rgba(47,107,255,.18);transition-delay:0s}
.vk-3 .vk-liste{transform:translateX(-30%);opacity:.25}
.vk-lesen{position:absolute;top:14px;right:14px;bottom:14px;width:74%;padding:12px 13px;border-radius:12px;background:#161A24;border:1px solid rgba(143,164,255,.4);box-shadow:-20px 0 40px -10px rgba(0,0,0,.7);display:flex;flex-direction:column;gap:8px;transform:translateX(110%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.vk-3 .vk-lesen{transform:none}
.vk-l-kopf{display:flex;align-items:center;gap:7px;color:var(--text-3);font-size:.68rem;padding-bottom:7px;border-bottom:1px solid var(--linie)}
.vk-l-kopf img{width:20px;height:20px;border-radius:50%}
.vk-l-du{align-self:flex-end;max-width:86%;padding:6px 9px;border-radius:10px 10px 3px 10px;background:linear-gradient(120deg,#2F6BFF,#7B3BFF);color:#fff}
.vk-l-ag{max-width:92%;padding:6px 9px;border-radius:3px 10px 10px 10px;background:#0E1119;border:1px solid var(--linie);color:var(--text-2);line-height:1.45}
.vk-l-frei{display:flex;align-items:center;gap:6px;margin-top:auto!important;color:#3DDC84;font-weight:600;font-size:.7rem}
/* Speicher: Erinnerungen kommen herein, eine wird gelöscht */
.vk-s-kopf{display:flex;align-items:center;gap:7px;margin-bottom:12px!important;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.vk-erinnerungen{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.vk-erinnerungen li{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:#161A24;border:1px solid var(--linie);opacity:0;transform:translateX(-24px) scale(.96);transition:opacity .4s ease,transform .55s cubic-bezier(.2,1.2,.4,1),border-color .3s,max-height .5s ease,padding .5s ease,margin .5s ease;transition-delay:calc(var(--n) * 350ms);max-height:60px}
.vk-erinnerungen span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.vk-erinnerungen small{color:var(--text-3);font-size:.64rem}
.vk-erinnerungen svg{color:var(--text-3);transition:color .3s,transform .2s}
.vk-an .vk-erinnerungen li{opacity:1;transform:none}
.vk-2 .vk-weg{border-color:rgba(229,72,77,.6);transition-delay:0s}
.vk-2 .vk-weg svg{color:#E5484D;transform:scale(1.25)}
.vk-3 .vk-weg{opacity:0;transform:translateX(30px);max-height:0;padding-top:0;padding-bottom:0;margin-top:-7px;border-width:0;transition-delay:0s}
/* Sperre: Strahlen der Agenten prallen am Schloss ab */
.vk-agenten{list-style:none;margin:0;padding:0;position:absolute;left:18px;top:24px;display:grid;gap:20px}
.vk-agenten li{position:relative;width:34px;height:34px}
.vk-agenten img{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.vk-agenten i{position:absolute;left:40px;top:16px;height:2px;width:0;border-radius:2px;background:linear-gradient(90deg,#5CCBFF,#C495FF);box-shadow:0 0 8px #5CCBFF;opacity:0}
.vk-an .vk-agenten i{animation:vk-strahl 2.4s ease-in-out infinite;animation-delay:calc(var(--n) * .5s + .6s)}
@keyframes vk-strahl{0%{width:0;opacity:0}10%{opacity:1}40%{width:min(120px,22vw);opacity:1;background:linear-gradient(90deg,#5CCBFF,#C495FF)}48%{width:min(120px,22vw);opacity:1;background:linear-gradient(90deg,#5CCBFF,#E5484D)}70%{width:0;opacity:0}100%{width:0;opacity:0}}
.vk-kontakt{position:absolute;right:18px;top:58px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#161A24;border:1px solid var(--linie-stark);transition:border-color .5s,box-shadow .5s}
.vk-k-ini{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:.66rem;font-weight:700;color:#fff;background:#3A3F52}
.vk-kontakt span:nth-child(2){display:flex;flex-direction:column;gap:2px}
.vk-kontakt small{color:var(--text-3);font-size:.64rem}
.vk-schloss{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#E5484D;box-shadow:0 0 16px rgba(229,72,77,.7);opacity:0;transform:scale(.3) rotate(-20deg);transition:opacity .3s ease .3s,transform .5s cubic-bezier(.2,1.6,.4,1) .3s}
.vk-an .vk-schloss{opacity:1;transform:none}
.vk-an .vk-kontakt{border-color:rgba(229,72,77,.55);box-shadow:0 0 30px -10px rgba(229,72,77,.7)}
.vk-hinweis{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;border:1px solid rgba(61,220,132,.35);background:rgba(61,220,132,.08);color:#BFF5D6;font-weight:600;line-height:1.35;opacity:0;transform:translateY(10px);transition:opacity .4s ease 1.4s,transform .5s ease 1.4s}
.vk-hinweis svg{color:#3DDC84}
.vk-an .vk-hinweis{opacity:1;transform:none}
@media (max-width:900px){.vk-karten{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.vk-buehne *{transition:none!important;animation:none!important}}
.vk-erinnerungen li{overflow:hidden}

/* Automatik mit Schaltern: nur aktive Reihen laufen oben, die Karten darunter schalten sie an und aus */
.au-reihen{gap:0}
.au-reihe{height:auto;max-height:0;opacity:0;margin:0;overflow:visible;transition:max-height .6s cubic-bezier(.2,.8,.2,1),opacity .4s ease,margin .6s ease;pointer-events:none}
.au-reihe.an{max-height:64px;opacity:1;margin:7px 0}
.au-reihe:not(.an) *,.au-reihe:not(.an)::after{animation:none!important}
.au-reihe.neu .au-ein{box-shadow:0 0 0 2px rgba(143,220,255,.7),0 0 30px rgba(92,203,255,.8)}
.au-ein,.au-aus{padding:8px 13px}
.au-buehne{--dauer:8s;min-height:180px}
.au-kern small b{color:#fff;font-weight:700}
.au-tipp{margin:26px 0 0;text-align:center;font-size:.9rem;color:var(--text-3)}
.au-karten{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.au-karte{position:relative;padding:16px 16px 18px;border-radius:14px;border:1px solid var(--linie);background:color-mix(in srgb,var(--panel) 85%,transparent);transition:border-color .4s,box-shadow .4s,opacity .4s}
.au-karte:not(.an){opacity:.62}
.au-karte.an{border-color:rgba(143,164,255,.4);box-shadow:0 0 34px -18px rgba(47,107,255,.9)}
.au-k-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.au-k-kopf b{font-size:.9rem;font-weight:600;line-height:1.3}
.au-karte p{margin:0 0 4px;font-size:.76rem;line-height:1.45;color:var(--text-2)}
.au-karte p span{display:inline-block;min-width:52px;margin-right:4px;font:700 .62rem/1 "JetBrains Mono",monospace;letter-spacing:.06em;color:var(--text)}
.au-schalter{position:relative;flex:none;width:44px;height:24px;padding:0;border:0;border-radius:999px;background:#2A3042;cursor:pointer;transition:background .3s,box-shadow .3s}
.au-schalter i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.2,1.4,.4,1)}
.au-schalter[aria-checked="true"]{background:linear-gradient(100deg,#2F6BFF,#7B3BFF);box-shadow:0 0 14px rgba(47,107,255,.7)}
.au-schalter[aria-checked="true"] i{transform:translateX(20px)}
.au-schalter:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.au-hand{position:absolute;left:0;top:0;width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.8;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(0,180,249,.7));pointer-events:none;opacity:0;transition:transform .9s cubic-bezier(.6,0,.3,1),opacity .3s;z-index:5}
@media (max-width:1100px){.au-karten{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.au-reihe.an{max-height:none;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:10px 0}.au-aus{grid-column:1;justify-self:stretch;width:auto}.au-ein{width:auto;justify-self:stretch}.au-karten{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){.au-karten{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.au-karten{grid-template-columns:minmax(0,1fr)}}

/* ---------- 9 · Verbrauch im Blick ---------- */
.vb-fenster{max-width:1080px;margin:0 auto;padding:22px 24px 24px;border-radius:20px;background:#11141C;border:1px solid rgba(143,164,255,.26);box-shadow:0 50px 100px -50px rgba(0,0,0,.95),0 0 100px -40px rgba(47,107,255,.6)}
.vb-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.vb-kopf b{font-size:1.02rem;font-weight:600}
.vb-bsp{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--linie-stark);color:var(--text-3)}
.vb-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vb-kacheln p{position:relative;margin:0;display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;background:#161A24;border:1px solid var(--linie)}
.vb-kacheln small{font:600 .6rem/1 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.vb-kacheln b{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:600;letter-spacing:-.03em;background:linear-gradient(100deg,#5CCBFF,#8FA4FF 45%,#C495FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.vb-kacheln em{font-style:normal;font-size:.78rem;color:var(--text-3)}
.vb-reicht b{background:none;color:#3DDC84;-webkit-text-fill-color:#3DDC84}
.vb-balken{display:block;margin-top:8px;height:6px;border-radius:6px;background:#1C2130;overflow:hidden}
.vb-balken i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#3DDC84,#5CCBFF);transition:width 1.4s cubic-bezier(.2,.8,.2,1) .4s}
.vb-an .vb-balken i{width:32%}
.vb-unten{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;margin-top:16px}
.vb-kurve,.vb-listen{padding:14px 16px;border-radius:14px;background:#161A24;border:1px solid var(--linie)}
.vb-titel{margin:0 0 10px;font:600 .62rem/1 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.vb-listen .vb-titel:not(:first-child){margin-top:16px}
.vb-kurve svg{display:block;width:100%;height:200px;overflow:visible}
.vb-linie{fill:none;stroke:url(#vb-l);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(47,107,255,.7));clip-path:inset(0 100% 0 0)}
.vb-flaeche{fill:url(#vb-f);opacity:0;transition:opacity 1s ease 1.4s}
.vb-prognose{fill:none;stroke:#8FA4FF;stroke-width:2;stroke-dasharray:5 6;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .6s ease 2.2s}
.vb-heute{stroke:rgba(255,255,255,.18);stroke-width:1;vector-effect:non-scaling-stroke}
.vb-an .vb-linie{animation:vb-zeichnen 1.8s cubic-bezier(.6,0,.3,1) .2s forwards}
@keyframes vb-zeichnen{to{clip-path:inset(0 0 0 0)}}
.vb-an .vb-flaeche{opacity:1}
.vb-an .vb-prognose{opacity:.8}
.vb-achse{display:flex;justify-content:space-between;margin-top:6px;font-size:.66rem;color:var(--text-3)}
.vb-achse span:nth-child(2){margin-left:2%}
.vb-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vb-liste li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:.8rem;color:var(--text-2)}
.vb-liste b{font-weight:600;color:var(--text)}
.vb-liste i{grid-column:1 / -1;height:5px;border-radius:5px;background:#1C2130;position:relative;overflow:hidden}
.vb-liste i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;border-radius:5px;background:var(--verlauf);transition:width 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--n) * 120ms + .6s)}
.vb-an .vb-liste i::after{width:var(--vbw)}
@media (max-width:900px){.vb-kacheln,.vb-unten{grid-template-columns:minmax(0,1fr)}.vb-fenster{padding:16px}}
@media (prefers-reduced-motion:reduce){.vb-fenster *{transition:none!important;animation:none!important}.vb-linie{clip-path:none}}
.vb-flaeche{stroke:none}.vb-kurve{display:flex;flex-direction:column}.vb-kurve svg{flex:1;height:auto;min-height:200px}



/* ---------- 11 · Abschluss ---------- */
.ak-ende{padding-top:clamp(60px,8vw,110px);padding-bottom:clamp(90px,10vw,140px)}
.en-buehne{--r:min(260px,36vw);position:relative;width:calc(var(--r) * 2 + 120px);max-width:100%;height:calc(var(--r) + 80px);margin:0 auto 6px}
.en-faeden{position:absolute;left:50%;bottom:0;width:calc(var(--r) * 2 + 80px);height:calc(var(--r) + 50px);transform:translateX(-50%);overflow:visible}
.en-faeden line{stroke:url(#en-v);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85;filter:drop-shadow(0 0 4px rgba(47,107,255,.8));vector-effect:non-scaling-stroke}
.en-an .en-faeden line{animation:en-faden 1.1s cubic-bezier(.6,0,.3,1) forwards;animation-delay:calc(var(--n) * 90ms + 1s)}
@keyframes en-faden{to{stroke-dashoffset:0}}
.en-bogen{list-style:none;margin:0;padding:0}
.en-bogen li{position:absolute;left:50%;bottom:30px;width:0;height:0;transform:rotate(var(--w)) translateY(calc(var(--r) * -1)) rotate(calc(-1 * var(--w)))}
.en-bogen img{position:absolute;left:-30px;top:-30px;width:60px;height:60px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(143,220,255,.6),0 0 24px rgba(47,107,255,.6);opacity:0;transform:translateY(80px) scale(.3);transition:opacity .5s ease,transform .9s cubic-bezier(.2,1.3,.4,1);transition-delay:calc(var(--n) * 90ms)}
.en-an .en-bogen img{opacity:1;transform:none}
.en-bogen li:nth-child(1) img{width:72px;height:72px;left:-36px;top:-36px}
.en-kern{position:absolute;left:50%;bottom:20px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle,#fff,#5CCBFF 40%,rgba(47,107,255,0) 70%);opacity:0;transform:scale(.3);transition:opacity .5s ease 1.9s,transform .6s cubic-bezier(.2,1.6,.4,1) 1.9s}
.en-an .en-kern{opacity:1;transform:scale(2.2);animation:en-puls 2.6s ease-in-out 2.6s infinite}
@keyframes en-puls{50%{transform:scale(3);opacity:.7}}
.ak-ende .h2{font-size:clamp(2.4rem,5vw,4.4rem)}
.ak-ende .ak-zeile{margin-bottom:14px}
.en-text{margin-left:auto;margin-right:auto;max-width:56ch}
.en-live{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#E5484D;box-shadow:0 0 10px #E5484D;animation:pa-puls 1.4s ease-in-out infinite;vertical-align:1px}
@media (max-width:600px){.en-bogen img{width:42px;height:42px;left:-21px;top:-21px}.en-bogen li:nth-child(1) img{width:50px;height:50px;left:-25px;top:-25px}}
@media (prefers-reduced-motion:reduce){.en-bogen img,.en-kern,.en-faeden line{transition:none!important;animation:none!important;opacity:1;transform:none;stroke-dashoffset:0}}
.en-bogen img{max-width:none}
/* Hell auf Wunsch: Verbrauchsfenster (Automatik-Karten bleiben dunkel) */
.vb-fenster{background:#F4F6FB;border-color:rgba(143,164,255,.45);color:#1A2033;box-shadow:0 50px 100px -50px rgba(0,0,0,.95),0 0 120px -40px rgba(92,203,255,.5)}
.vb-kopf b{color:#1A2033}
.vb-bsp{border-color:#D5DBE7;color:#6B7489}
.vb-kacheln p,.vb-kurve,.vb-listen{background:#FFFFFF;border-color:#E3E7F0}
.vb-kacheln small,.vb-titel,.vb-kacheln em,.vb-achse{color:#6B7489}
.vb-kacheln b{background:linear-gradient(100deg,#2F6BFF,#7B3BFF);-webkit-background-clip:text;background-clip:text}
.vb-reicht b{color:#0E8A4A;-webkit-text-fill-color:#0E8A4A}
.vb-balken,.vb-liste i{background:#E8ECF4}
.vb-liste li{color:#4A5266}
.vb-liste b{color:#1A2033}
.vb-heute{stroke:rgba(26,32,51,.18)}
.vb-linie{filter:none}
/* Einheitliche Abstände zwischen den Abschnitten der Unterseiten (wie auf der Preisseite): 150 px vom letzten Inhalt bis zur nächsten Überschrift */
.unterseite > section.ab{padding-top:var(--pe-abstand,150px);padding-bottom:0}
.unterseite > section.ab.uk-abschluss{padding-bottom:clamp(90px,10vw,140px)}
/* Ausgleich, wo der vorige Abschnitt unten eigenen Leerraum mitbringt */
.unterseite > section.ab.ak-prinzip{padding-top:calc(var(--pe-abstand,150px) - 51px)}
@media (min-width:901px){
  .unterseite > section.ab.ak-team{padding-top:9px}
  .unterseite > section.ab.ak-personal{margin-top:calc(5vh - 111px)}   /* rund 60 px vom unteren Ende des Halbkreises bis zur Kleinzeile (Wunsch Alexander, gemessen bei 720 bis 1080 px Bildhöhe) */
}
.unterseite > section.ab.ak-ende{padding-top:calc(var(--pe-abstand,150px) - 20px)}

/* ---------- KI-Agenten auf dem Handy (Feedback 17.10.2026) ---------- */
@media (max-width:640px){
  .ak-seite{--pe-abstand:84px}
  .ak-seite>.ak-start{padding-top:36px}
  .ak-seite>.ak-prinzip{padding-top:60px}
  /* Sie bereiten vor: Zahl, Überschrift und Text über der Grafik */
  .ak-seite .pz-schritt{display:flex;flex-direction:column}
  .ak-seite .pz-schritt .pz-nr{order:-3;margin:0 auto 8px}
  .ak-seite .pz-schritt h3{order:-2;margin:0}
  .ak-seite .pz-schritt>p:last-child{order:-1;margin:6px auto 14px}
  .ak-seite .pz-reise li{font-size:.5rem;letter-spacing:-.01em}
  .ak-seite .pa-m-text{min-height:440px}   /* Helgas Antwort ändert ihre Länge mit den Reglern: Platz fest reservieren, sonst verschiebt sich alles darunter */
  .ak-seite .ps-uebersicht{display:none}   /* die Felder, die sich füllen, sieht man beim Zuschauen unten nicht */
  /* Chat: nur das Gespräch, kompakt */
  .ak-seite .oc-nav,.ak-seite .oc-liste,.ak-seite .oc-objekt{display:none !important}
  .ak-seite .oc-fenster{grid-template-columns:minmax(0,1fr);height:auto}
  .ak-seite .oc-verlauf{flex:none;min-height:0 !important;height:460px;padding:14px}   /* wie ein echter Chat: neue Nachrichten unten, ältere rutschen oben raus */
  .ak-seite .oc-fenster{zoom:.94}
}

/* ---------- Funktionsseiten auf dem Handy: einheitliche Abstände wie Preise, Über uns, Jobs (18.10.2026) ---------- */
@media (max-width:640px){
  .db-seite,.ko-seite,.ic-seite,.pl-seite,.tb-seite,.kl-seite,.bb-seite,.dx-seite-wrap,.wx-seite-wrap,.pt-seite-wrap,
  .em-seite-wrap,.kp-seite-wrap,.bw-seite-wrap,.ad-seite-wrap,.au-seite-wrap,.sx-seite-wrap{--pe-abstand:84px}
}
/* Funktionsseiten: Vorführ-Mauszeiger auf Handy und Touch ausblenden, die Abläufe laufen weiter (18.10.2026) */
@media (max-width:640px),(hover:none){
  .db-zeiger,.ko-zeiger,.ic-zeiger,.pl-zeiger,.tb-zeiger,.kl-zeiger,.bb-zeiger,.dx-zeiger,.wx-zeiger,.pt-zeiger,
  .em-zeiger,.kp-zeiger,.bw-zeiger,.ad-zeiger,.au-zeiger{opacity:0 !important;visibility:hidden !important}
}