/* plasmind-seite.css: nur für bau/plasmind/ (body.ps). Ergänzt base.css, ändert nichts an r1 bis r3.
   Knöpfe mit Zellrand (E1), Karten mit Zellrand (E2), Zitatkasten (E17), Vergleichstabelle (E18), Übergang Wischen (E20),
   Fuß mit Zellenmuster (E19, H12), Startseite mit Morph, Features-Seite, Download-Seite. */

/* ---------- E1 Knöpfe mit Zellrand ---------- */
body.ps{--zr:22px 17px 24px 16px/17px 23px 16px 24px}
body.ps .knopf,body.ps .pille,body.ps .themen{border-radius:var(--zr);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),opacity var(--dur)}
body.ps .chip{border-radius:var(--zr)}
@keyframes ps-zell{
  0%{border-radius:22px 17px 24px 16px/17px 23px 16px 24px}
  25%{border-radius:17px 24px 16px 23px/23px 16px 24px 17px}
  50%{border-radius:24px 16px 21px 18px/16px 22px 18px 24px}
  75%{border-radius:16px 22px 18px 24px/24px 18px 22px 16px}
  100%{border-radius:22px 17px 24px 16px/17px 23px 16px 24px}}
body.ps .knopf:not([disabled]):not([aria-disabled=true]):hover,body.ps .pille:not([disabled]):hover,body.ps .knopf:focus-visible{animation:ps-zell 2.6s ease-in-out infinite}
body.ps .knopf:not([disabled]):active,body.ps .pille:not([disabled]):active,body.ps .themen:active{transform:scale(1.04,.93);animation:none}
body.ps .knopf--link{border-radius:0;animation:none !important}
@media (prefers-reduced-motion:reduce){body.ps .knopf:hover,body.ps .pille:hover,body.ps .knopf:focus-visible{animation:none}body.ps .knopf:active,body.ps .pille:active{transform:none}}
body.ps .stufe--hervor .knopf{border-radius:var(--zr)}

/* ---------- E2 Karte mit Zellrand ---------- */
body.ps{--zk:6px 28px 8px 30px/8px 24px 6px 26px}
body.ps .stufe,body.ps .band .karte,body.ps .raster .karte{border-radius:var(--zk);transition:border-radius .6s ease}
@keyframes ps-karte{
  0%{border-radius:6px 28px 8px 30px/8px 24px 6px 26px}
  33%{border-radius:30px 8px 28px 6px/24px 8px 26px 6px}
  66%{border-radius:8px 30px 6px 26px/26px 6px 24px 8px}
  100%{border-radius:6px 28px 8px 30px/8px 24px 6px 26px}}
body.ps .stufe:hover,body.ps .band .karte:hover,body.ps .raster .karte:hover{animation:ps-karte 5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){body.ps .stufe:hover,body.ps .band .karte:hover,body.ps .raster .karte:hover{animation:none}}

/* ---------- E17 Zitatkasten ---------- */
.ps-quote{padding:clamp(40px,7vw,96px) 0;display:block}
.ps-quote__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(20px,5vw,72px);align-items:center}
.ps-quote .eyebrow{color:var(--fg-mute)}
.ps-quote figure{position:relative;margin:0;padding:clamp(24px,3.5vw,44px) clamp(22px,3.5vw,48px) clamp(20px,3vw,34px) clamp(30px,4vw,56px);border:1px solid var(--line-strong);border-radius:6px 28px 8px 30px/8px 24px 6px 26px;background:var(--surface)}
.ps-quote figure svg{position:absolute;left:-16px;top:-16px;width:34px;height:34px}
.ps-quote blockquote{margin:0;font-size:clamp(18px,2.3vw,28px);line-height:1.5;font-weight:500;letter-spacing:-.015em}
.ps-quote figcaption{margin-top:16px;font-size:11.5px;color:var(--fg-mute)}
@media (max-width:760px){.ps-quote__in{grid-template-columns:1fr}}

/* ---------- E18 Vergleichstabelle ---------- */
.ps-vergleich{margin-top:clamp(28px,4vw,48px)}
.ps-vergleich h2{font-size:16px;margin-bottom:14px}
.ps-vergleich table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.5;color:var(--fg-soft)}
.ps-vergleich th,.ps-vergleich td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.ps-vergleich thead th{font-weight:600;color:var(--fg);font-size:13px}
.ps-vergleich tbody th{font-weight:400;color:var(--fg-mute);width:32%}
.ps-vergleich tbody tr:hover td:not(.hl),.ps-vergleich tbody tr:hover th{background:var(--surface-2)}
.ps-vergleich .hl{background:var(--inv-bg);color:var(--inv-fg);border-bottom-color:color-mix(in oklab,var(--inv-fg) 25%,var(--inv-bg))}
.ps-vergleich .hl .etikett{color:inherit;border-color:currentColor;opacity:.8;margin-left:6px}
.ps-vergleich caption{caption-side:bottom;text-align:left;padding:12px 14px;font-size:11.5px;color:var(--fg-mute)}
@media (max-width:640px){.ps-vergleich th,.ps-vergleich td{padding:9px 7px;font-size:11.5px}.ps-vergleich tbody th{width:30%}.ps-vergleich .hl .etikett{display:block;margin:4px 0 0;width:max-content}}

/* ---------- E19 Fuß mit Zellenmuster, H12 Zellspur ---------- */
body.ps .fuss{position:relative;overflow:hidden;isolation:isolate;background:var(--bg-sunk)}
body.ps .fuss__cv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block}
body.ps .fuss__in{position:relative}
body.ps .fuss__leit{font-weight:500;color:var(--fg)}
body.ps .fuss{margin-top:0}
body.ps main{padding-bottom:var(--sec)}

/* ---------- Startseite (Nachtrag 17:55): erster Bildschirm, zweiter Bildschirm, Probe ---------- */
.mph{position:relative}
/* Erster Bildschirm: nur Kopfzeile, Blob, Schriftzug plasmind, by Kreis Systems. Helle Umkehrflaeche wie das Logo W12 (schwarzer Blob, helle Augen), voller Kontrast, eine einzige Form. */
.st2-erst{background:var(--bg-sunk)}
.st2-flaeche{position:relative;overflow:hidden;height:calc(100vh - var(--kh,64px));height:calc(100svh - var(--kh,64px));min-height:460px}
.st2-erst .b1l-ls{display:none}
canvas.b1l-cell{max-width:none}
.st2-erst .b1l-wm{font-size:clamp(34px,10.5vw,76px);top:65%;letter-spacing:.005em}
.st2-by{position:absolute;z-index:2;left:0;right:0;top:calc(65% + clamp(34px,10.5vw,76px) + 16px);margin:0;max-width:none;text-align:center;font-size:clamp(14px,3.6vw,16px);letter-spacing:.02em;color:#44464a;pointer-events:none}
.st2-erst .b1l-wm,.st2-by{transition:opacity 1.1s ease}
.mph--vor:not(.st2-an) .st2-erst .b1l-wm,.mph--vor:not(.st2-an) .st2-by{opacity:0}
/* Zweiter Bildschirm: Leitsatz L5 (Umkehrflaeche auf dem ersten Satz), Definitionssatz, Untertitel, Knoepfe. Blendet einmal ein, ausgeloest beim Sichtbarwerden. */
.st2-zweit{background:var(--bg-sunk);display:flex;align-items:center;min-height:min(100vh,900px);min-height:min(100svh,900px);padding-block:clamp(56px,9vw,120px)}
.st2-zweit__in{display:flex;flex-direction:column;gap:clamp(18px,2.4vw,28px);align-items:flex-start}
.st2-zweit h1{font-size:clamp(28px,5.2vw,68px);font-weight:500;line-height:1.22;letter-spacing:-.03em;max-width:26ch;margin:0}
.st2-zweit h1 .umk{background:var(--inv-bg);color:var(--inv-fg);padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.st2-zweit .hero__def,.st2-zweit .mph-hero__lead{margin:0;max-width:52ch;font-size:clamp(14px,1.3vw,16px);line-height:1.7;color:var(--fg-soft)}
.st2-zweit .h-akt{margin-top:clamp(4px,1vw,12px)}
.mph--vor .st2-zweit:not(.ein) [data-ein]{opacity:0;transform:translateY(16px)}
.mph--vor .st2-zweit [data-ein]{transition:opacity 1s ease,transform 1s ease;transition-delay:calc(var(--i,0)*.16s)}
@media (max-width:860px){
  .st2-zweit h1 .umk{background:none;color:inherit;padding:0}
  .st2-zweit h1 .umk .blk{display:inline-block;white-space:nowrap;background:var(--inv-bg);color:var(--inv-fg);padding:0 .14em}
  .st2-zweit h1{font-size:clamp(26px,8vw,40px);max-width:none}
}
/* Probe: eigener Abschnitt, die Zelle des ersten Bildschirms landet auf dem Overseer-Platz */
.mph-demo{position:relative;padding:clamp(48px,7vw,88px) 0 clamp(16px,3vw,40px);text-align:center;background:var(--bg-sunk)}
.mph-demo h2{font-size:clamp(20px,2.4vw,30px);font-weight:500;letter-spacing:-.02em;margin-bottom:8px;text-align:center}
.mph-demo__sub{margin:0 auto 6px;color:var(--fg-soft);font-size:13px;max-width:52ch;text-align:center}
.mph-demo .pm-split{margin-top:0;padding-top:clamp(40px,5vw,60px)}
.mph-demo .hero__note{margin-top:12px}
.mph-demo .auftrag{margin-top:clamp(10px,2vw,22px)}
.mph-demo .b1l-cell{z-index:4}
.mph-demo .pm-split__slots{max-width:960px}
/* Festes Element fuer den Flug: liegt ueber der Seite, unter der Kopfzeile, nimmt keine Eingaben an */
.mph-fly{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.mph-fly .b1l-cell{z-index:auto}

/* Wischen (E20) */
[data-wisch]{will-change:clip-path}

/* H13 Abschnitt */
#bau{border-top:1px solid var(--line)}

/* ---------- Features ---------- */
.ps-fkopf{position:relative;overflow:hidden;isolation:isolate}
.ps-fkopf [data-ps-kolonie]{position:absolute;top:0;bottom:0;right:0;left:54%;z-index:-1;-webkit-mask-image:linear-gradient(to right,transparent,#000 26%);mask-image:linear-gradient(to right,transparent,#000 26%)}
.ps-fkopf [data-ps-kolonie] canvas{display:block;width:100%;height:100%}
@media (max-width:760px){.ps-fkopf [data-ps-kolonie]{left:0;opacity:.35}}
.fx-page .ps-fkopf h1{max-width:20ch}
.ps-sec .fx-text h2{font-size:clamp(20px,2.4vw,30px);letter-spacing:-.02em;font-weight:500;line-height:1.25;max-width:16ch}
.ps-stand{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.ps-ill{white-space:nowrap}
.ps-mini{display:block;width:100%;height:auto;max-height:296px}
.ps-mini path{vector-effect:non-scaling-stroke}
.ps-link{margin-top:20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.fx-page .fx-body+.fx-foot{margin-top:0}
.ps-more{padding:var(--sec) 0 0}
.ps-more ul{list-style:none;padding:0;margin:14px 0 0;display:flex;gap:10px 28px;flex-wrap:wrap}
.ps-more li{display:flex;gap:10px;align-items:center}

/* Feature 3: drei Fensteransichten */
.ps-fenster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.ps-fs{display:flex;flex-direction:column;gap:10px;min-width:0}
.ps-fs__k{font-size:11px;letter-spacing:.06em;color:var(--fg-mute);display:flex;gap:8px;align-items:center}
.ps-fs__k b{font-weight:600;color:var(--fg);border:1px solid var(--fg);border-radius:99px;padding:0 8px;line-height:1.6}
.ps-win{border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-sunk);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:250px}
.ps-win__bar{display:flex;gap:5px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--surface)}
.ps-win__bar i{width:7px;height:7px;border-radius:50%;border:1px solid var(--line-strong)}
.ps-win__bar span{margin-left:8px;font-size:10px;color:var(--fg-mute)}
.ps-win__body{padding:12px;display:flex;flex-direction:column;gap:10px;font-size:11.5px;line-height:1.5;flex:1}
.ps-agent{display:flex;gap:8px;align-items:center;color:var(--fg-soft)}
.ps-agent svg{width:26px;height:26px;flex:none;overflow:visible}
.ps-ask{border:1px solid var(--line-strong);border-radius:6px 14px 8px 16px/8px 12px 6px 14px;padding:10px 12px;background:var(--surface)}
.ps-ask p{margin:0 0 4px;font-size:11.5px;color:var(--fg)}
.ps-ask .mute{font-size:10.5px}
.ps-btns{display:flex;gap:8px;margin-top:8px}
.ps-btn{font:inherit;font-size:11px;padding:5px 14px;border:1px solid var(--line-strong);border-radius:99px;color:var(--fg-soft);background:transparent;line-height:1.4}
.ps-btn--yes{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ps-btn--dim{opacity:.4}
.ps-log{list-style:none;margin:0;padding:0;display:grid;gap:6px;color:var(--fg-soft);font-size:11px}
.ps-log li{display:flex;gap:8px;align-items:baseline}
.ps-log li::before{content:"";width:6px;height:6px;border-radius:50%;border:1px solid var(--fg-soft);flex:none;transform:translateY(-1px)}
.ps-log li.ok::before{background:var(--fg)}
.ps-fs{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.ps-fenster.da .ps-fs{opacity:1;transform:none}
.ps-fenster.da .ps-fs:nth-child(2){transition-delay:.25s}
.ps-fenster.da .ps-fs:nth-child(3){transition-delay:.5s}
.no-js .ps-fs{opacity:1;transform:none}
@media (max-width:820px){.ps-fenster{grid-template-columns:1fr}.ps-win{min-height:0}}
@media (prefers-reduced-motion:reduce){.ps-fs{opacity:1;transform:none;transition:none}}
.ps-note{margin:16px 0 0;font-size:12px;color:var(--fg-mute);display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* Feature 4: Schema mit zwei Geräten */
.ps-geraete{position:relative;display:block}
.ps-geraete svg{display:block;width:100%;height:auto;overflow:visible}
.ps-g-rahmen{fill:var(--bg-sunk);stroke:var(--line-strong);stroke-width:1.2}
.ps-g-fuss{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1.2}
.ps-g-txt{fill:var(--fg-mute);font:400 11px var(--font)}
.ps-g-txt--f{fill:var(--fg);font-weight:500;font-size:12px}
.ps-g-faden{fill:none;stroke:var(--line-strong);stroke-width:1.4;stroke-dasharray:5 6}
.ps-g-faden--p{stroke:var(--fg-mute);stroke-dasharray:2 7}
.ps-g-blob{fill:var(--cell-fill);stroke:var(--fg);stroke-width:2;cursor:pointer;transition:stroke-width .2s}
.ps-g-blob:hover,.ps-g-blob:focus-visible,.ps-g-blob.an{stroke-width:3.4}
.ps-g-blob:focus-visible{outline:none}
.ps-g-aug{fill:var(--fg);pointer-events:none}
.ps-g-info{margin:14px 0 0;min-height:4.8em;font-size:12.5px;line-height:1.65;color:var(--fg-soft);display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.ps-g-info .fx-stand{margin-top:1px}

/* ---------- Download ---------- */
.ps-dl{position:relative;overflow:hidden;isolation:isolate;background:var(--bg-sunk);border-bottom:1px solid var(--line);min-height:min(620px,calc(100svh - 122px));display:flex;align-items:flex-end;touch-action:pan-y}
.ps-dl__bild{position:absolute;top:0;bottom:0;left:24%;width:76%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2;-webkit-mask-image:linear-gradient(to right,transparent,#000 22%);mask-image:linear-gradient(to right,transparent,#000 22%)}
.ps-dl__h{display:none}
:root[data-theme="dark"] .ps-dl__bild--h,:root:not([data-theme="light"]) .ps-dl__bild--h{display:none}
:root[data-theme="light"] .ps-dl__bild--d{display:none}
:root[data-theme="light"] .ps-dl__bild--h{display:block}
.ps-dl__in{padding-block:clamp(28px,5vw,64px);display:flex;flex-direction:column;gap:12px;width:100%}
.ps-dl h1{font-size:clamp(32px,6vw,84px);letter-spacing:-.03em;font-weight:500;line-height:1.05;max-width:12ch}
.ps-dl .lead{color:var(--fg-soft);max-width:44ch}
.ps-dl__linse{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;mix-blend-mode:difference}
.ps-dl__linse path{fill:var(--mark-hell)}
.ps-dl__hint{font-size:11.5px;color:var(--fg-mute)}
@media (pointer:coarse){.ps-dl__hint,.ps-dl__linse{display:none}}
@media (max-width:760px){.ps-dl__bild{left:0;width:100%;height:330px;object-position:50% 50%;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}.ps-dl{min-height:600px}}
body.ps .luecke{white-space:normal}

@media (max-width:640px){
  .ps-g-note,.ps-g-ssh,.ps-g-sub{display:none}
  .ps-mini-t{display:none}
  .ps-fkopf [data-ps-kolonie]{opacity:.16}
}

/* Echte Seite (html[data-echt]): keine Mockup-Leiste. Die Entscheidung hängt am Attribut, nicht am Pfad. */
html[data-echt] .mockbar{display:none}
/* Handy: Kopf als kompakte Leiste, Tippziele mindestens 44 px */
@media (max-width:640px){
  .ps .logo{padding:6px 0}
  .ps .hauptnav a{min-height:44px;display:flex;align-items:center;justify-content:center;flex:1;padding:0 6px}
  .ps .themen{min-height:44px;padding-inline:16px}
}
/* Fensterdarstellung heller, Kanten >= 3:1 zur Umgebung, Text >= 4,5:1 (13:05, Punkt 5) */
body.ps{--w-bg:oklch(.27 .008 262);--w-bar:oklch(.35 .008 262);--w-in:oklch(.33 .008 262);--w-edge:oklch(.68 .008 262);--w-fg:oklch(.975 .004 262);--w-soft:oklch(.9 .004 262);--w-mute:oklch(.8 .006 262);--w-blob:oklch(.2 .008 262)}
:root[data-theme="light"] body.ps{--w-bg:oklch(1 0 0);--w-bar:oklch(.915 .005 262);--w-in:oklch(.955 .005 262);--w-edge:oklch(.52 .006 262);--w-fg:oklch(.12 .006 262);--w-soft:oklch(.3 .006 262);--w-mute:oklch(.42 .006 262);--w-blob:oklch(1 0 0)}
.ps-win{background:var(--w-bg);border:1.5px solid var(--w-edge);color:var(--w-soft)}
.ps-win__bar{background:var(--w-bar);border-bottom:1.5px solid var(--w-edge)}
.ps-win__bar i{border:1.5px solid var(--w-edge);background:var(--w-bg)}
.ps-win__bar span{color:var(--w-mute);font-size:12px}
.ps-win__body{font-size:12px;color:var(--w-soft)}
.ps-win .mute{color:var(--w-mute)}
.ps-agent{color:var(--w-soft)}
.ps-ask{background:var(--w-in);border:1.5px solid var(--w-edge)}
.ps-ask p{color:var(--w-fg);font-size:12px}
.ps-ask .mute{font-size:12px}
.ps-btn{font-size:12px;border:1.5px solid var(--w-edge);color:var(--w-fg)}
.ps-btn--yes{background:var(--w-fg);color:var(--w-bg);border-color:var(--w-fg)}
.ps-btn--dim{opacity:1;color:var(--w-mute);border-style:dashed}
.ps-log{color:var(--w-soft);font-size:12px}
.ps-log li::before{border-color:var(--w-soft)}
.ps-log li.ok::before{background:var(--w-fg)}
.ps-fs__k{font-size:12px}
.fx-stand{font-size:12px;border-color:var(--w-edge)}
.ps-g-rahmen{fill:var(--w-bg);stroke:var(--w-edge);stroke-width:1.6}
.ps-g-fuss{fill:var(--w-bar);stroke:var(--w-edge);stroke-width:1.6}
.ps-g-faden{stroke:var(--w-edge);stroke-width:1.8}
.ps-g-faden--p{stroke:var(--w-edge)}
.ps-g-blob{fill:var(--w-blob);stroke:var(--w-fg)}
.ps-g-aug{fill:var(--w-fg)}
.ps-g-info{font-size:13px}

/* Handy: keine Schrift unter 12 px */
@media (max-width:640px){
  body.ps .eyebrow,body.ps .etikett,body.ps .fx-ex,body.ps .fx-badge,body.ps .fx-tile-l,body.ps .ps-ill,body.ps .ps-note,body.ps .ps-dl__hint,body.ps th,body.ps td,body.ps .mute,body.ps small,body.ps figcaption,body.ps .klein,body.ps .fx-bubble,body.ps .fuss__leit,body.ps .fuss__by{font-size:12px}
}
@media (max-width:640px){body.ps .fuss__leit,body.ps .fuss__by,body.ps .klein{font-size:12px!important}}

/* Feature 5: Schreibtisch-Fenster, Begleiter-Sprechblase */
body.ps .fx-win{background:var(--w-bg);border:1.5px solid var(--w-edge)}
body.ps .fx-win::before{background:var(--w-bar);border-bottom:1.5px solid var(--w-edge)}
body.ps .fx-win i{background:var(--w-edge);opacity:.55}
body.ps .fx-win2{background:var(--w-in)}
body.ps .fx-bubble{background:var(--w-bg);border:1.5px solid var(--w-edge);color:var(--w-fg);font-size:12px}
body.ps .fx-demo{--card-bd:var(--w-edge);--card-bd-w:1.5px}

/* Handyprüfung: Tippziele mindestens 44 px, Tabellenunterschrift 12 px */
@media (max-width:640px){
  body.ps caption{font-size:12px}
  body.ps .knopf,body.ps .pille{min-height:44px}
  body.ps .fuss a,body.ps p.klein a{display:inline-block;padding:12px 0;min-height:44px;box-sizing:border-box}
}

/* Features-Seite neu (Nachtrag 13:40, Punkt 3): Bereiche, Schichtsystem, Kommunikation, Integrationen */
.fx-stand[data-stand="progress"]{border-style:dotted}
.ft-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);min-width:0}
.ft-item{padding:18px 0;border-bottom:1px solid var(--line)}
.ft-item h3{margin:0 0 8px;font-size:15px;font-weight:500;line-height:1.4}
.ft-item p{margin:0;font-size:14px;line-height:1.75;color:var(--fg-soft)}
.ft-item .ft-tags{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.ft-sec .fx-demos{gap:32px}
.pm-z{display:block;position:relative;width:100%;min-width:0}
.pmz-ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;border:1px solid var(--line-strong);border-radius:8px;color:var(--fg-mute);font-size:12px}
.ft-fig{margin:0;min-width:0}
.ft-cap{margin-top:10px;font-size:12px;line-height:1.6;color:var(--fg-mute);display:flex;gap:12px;flex-wrap:wrap;align-items:baseline}
.ft-kern{padding:var(--sec) 0;border-top:1px solid var(--line);scroll-margin-top:16px}
.ft-kern h2{font-size:clamp(24px,3.2vw,40px);letter-spacing:-.02em;font-weight:500;line-height:1.2;max-width:22ch;margin:0 0 28px}
.ft-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px clamp(20px,4vw,48px);margin-bottom:40px}
.ft-why p{margin:0;font-size:14px;line-height:1.75;color:var(--fg-soft)}
.ft-fig--breit{margin-bottom:40px}
.ft-layers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ft-layer{border:1px solid var(--line-strong);border-radius:8px;padding:20px;min-width:0}
.ft-lvl{margin:0 0 10px;font-size:12px;color:var(--fg-mute);letter-spacing:.06em;text-transform:uppercase}
.ft-layer h3{margin:0 0 14px;font-size:20px;font-weight:500}
.ft-layer dt{margin:14px 0 4px;font-size:12px;color:var(--fg-mute)}
.ft-layer dd{margin:0;font-size:13px;line-height:1.7;color:var(--fg-soft)}
.ft-after{margin:28px 0 0;font-size:14px;color:var(--fg-soft);max-width:60ch}
.ft-bsp{padding:var(--sec) 0 0;border-top:1px solid var(--line)}
.ft-bsp h2{margin:0 0 12px}
.ft-lead{margin:0;font-size:14px;color:var(--fg-soft)}
.ft-bsp+.fx-sec{border-top:0}
@media (max-width:1100px){.ft-layers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.ft-sec .fx-text{position:static}}
@media (max-width:560px){.ft-layers{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){body.ps .ft-lvl,body.ps .ft-layer dt,body.ps .ft-cap,body.ps .pmz-ph{font-size:12px}}
@media (max-width:640px){.ps-mini text{display:none}}

/* Nachtrag 13:35: Leitsatz steht im Hauptsatz, in der Startkachel am Handy nicht doppelt */
@media (max-width:640px){html[data-echt] .b1l-ls{display:none}}
html[data-echt] #h1 .blk{white-space:nowrap}


/* ---------- Preise (4 Stufen, Gratiswoche) und Download mit Konto (E1 bis E13) ---------- */
main.ps-seite .eyebrow{font-size:12px}
.ps-sprung{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:22px}
.ps-sprung a{display:inline-flex;align-items:center;min-height:44px;color:var(--fg-soft);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:.3em;font-size:13px}
.ps-sprung a:hover{color:var(--fg)}
.ps-zeit{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:8px 0 22px}
.ps-umschalter{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--zr,0);overflow:hidden}
.ps-umschalter button{font:inherit;font-size:13px;font-weight:500;min-height:44px;min-width:104px;padding:0 20px;border:0;background:transparent;color:var(--fg);cursor:pointer}
.ps-umschalter button+button{border-left:1px solid var(--line-strong)}
.ps-umschalter button[aria-pressed=true]{background:var(--inv-bg);color:var(--inv-fg)}
.ps-umschalter button:not([aria-pressed=true]):hover{background:var(--surface-2)}
.ps-preise .z-j{display:none}
.ps-preise[data-zeit=j] .z-m{display:none}
.ps-preise[data-zeit=j] .z-j{display:inline}
.stufen--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stufen--4 .stufe{padding:clamp(20px,2.2vw,28px);gap:16px;min-width:0}
.stufen--4 .preis,[data-richtung=r3] .stufen--4 .stufe--hervor .preis{font-size:clamp(26px,2.4vw,32px)}
.stufen--4 .preis small{font-size:13px}
.stufen--4 .liste li{font-size:13px;line-height:1.55}
.stufen--4 .stufe>p:not(.preis){font-size:13px;line-height:1.6;margin:0}
.stufen--4 .stufe .hinweis{margin:0;margin-top:auto;font-size:13px}
.stufen--4 .stufe .knopf{margin-top:0;align-self:stretch;text-align:center;white-space:normal;line-height:1.45;min-height:48px;padding:10px 14px}
.stufen--4 .stufe .status{min-height:0;margin:0}
.stufen--4 .stufe--hervor{outline:1px solid var(--inv-bg);outline-offset:4px}
@media (max-width:1060px){.stufen--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.stufen--4{grid-template-columns:minmax(0,1fr)}.stufen--4 .stufe--hervor{outline-offset:3px;margin:3px}}
.ps-ruhig{margin:26px 0 0;max-width:72ch;color:var(--fg-soft);font-size:13px;line-height:1.75}
.ps-preise .band .knopf{white-space:normal;text-align:center;line-height:1.45;min-height:48px;align-self:flex-start}
.ps-warum{max-width:62ch;margin:0 0 20px;font-size:14px}
.ps-tabwrap{overflow-x:auto;overscroll-behavior-x:contain;border-top:1px solid var(--line)}
.ps-tabwrap:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.ps-vergleich table{min-width:0}
.ps-vergleich tbody th[scope=row]{width:34%}
.ps-vergleich tr.grp th{padding:22px 14px 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);font-weight:600;background:transparent;border-bottom:1px solid var(--line-strong)}
.ps-vergleich tr.grp:hover th{background:transparent}
.ps-vergleich tr.grp .g{display:inline-block;position:sticky;left:0}
.ps-vergleich .hl .z-m,.ps-vergleich .hl .z-j{white-space:normal}
.ps-vergleich td,.ps-vergleich tbody th{font-size:13px}
@media (max-width:640px){
  .ps-vergleich table{min-width:760px}
  .ps-vergleich tbody th[scope=row]{width:auto;min-width:168px;max-width:168px;position:sticky;left:0;z-index:1;background:var(--bg);border-right:1px solid var(--line)}
  .ps-vergleich thead th:first-child{position:sticky;left:0;z-index:2;background:var(--bg);min-width:168px}
  .ps-vergleich tr.grp th{background:var(--bg)}
  .ps-vergleich tr.grp .g{left:7px}
  .ps-vergleich tbody tr:hover th[scope=row]{background:var(--surface-2)}
}
.ps-rech{margin:0;display:grid;gap:0;border-top:1px solid var(--line)}
.ps-rech>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}
.ps-rech dt{color:var(--fg-mute)}
.ps-rech dd{margin:0;text-align:right;color:var(--fg)}
.ps-rech .sum{font-weight:600;border-bottom-color:var(--line-strong)}
.ps-rech .sum dt{color:var(--fg)}
.ps-preise ~ .abschnitt h3,.raster .karte h3{font-size:16px;line-height:1.45;font-weight:500}

/* Download: Schritt 1 Konto (Attrappe) */
.ps-schritt{padding-top:clamp(28px,4vw,48px)}
.ps-schritt .raster{align-items:start}
.ps-konto{display:grid;gap:14px}
.ps-konto label{display:grid;gap:6px;font-size:12px;letter-spacing:.06em;color:var(--fg-mute)}
.ps-konto input{font:inherit;font-size:16px;color:var(--fg);background:transparent;border:1px solid var(--line-strong);border-radius:var(--r-ctl);padding:0 14px;min-height:48px;width:100%;box-sizing:border-box;letter-spacing:0}
.ps-konto input:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.ps-konto .knopf{align-self:flex-start;min-height:48px}
.ps-konto .status{min-height:0}

/* Sprachumschalter EN | DE im Kopf (nur wenn window.PMT.alt gesetzt ist) */
.sprache{display:flex;align-items:center;gap:2px;font-size:12px;color:var(--fg-mute)}
.sprache a,.sprache__a{padding:7px 6px;text-decoration:none;color:var(--fg-soft)}
.sprache a:hover{color:var(--fg)}
.sprache__a{color:var(--fg);box-shadow:inset 0 -2px 0 var(--fg)}
.sprache__t{opacity:.5}
@media (max-width:640px){
  .ps .sprache a,.ps .sprache__a{min-height:44px;display:flex;align-items:center;padding:0 8px}
}
main.ps-seite caption,main.ps-seite .tabelle th,main.ps-seite .ps-dl__hint,body.ps main.ps-seite .ps-vergleich caption{font-size:12px}
main.ps-seite .knopf{min-height:44px}
.ps-wisch{display:none;margin:0 0 10px}
@media (max-width:640px){.ps-wisch{display:block}}

/* Features-Seite Umbau (fv-*): Sprungmarken, Vorher/Nachher, Chat, Anwendungsfaelle, Fragen, Preisblock */
.fv-sprung{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}
.fv-sprung a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--line-strong);border-radius:99px;font-size:12px;color:var(--fg-soft);text-decoration:none}
.fv-sprung a:hover{color:var(--fg);border-color:var(--fg)}
.fv-cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.fv-hero{padding:8px 0 var(--sec)}
.fv-hero .ft-fig--breit{margin-bottom:0}
.fv-areas .ft-item p{max-width:46ch}
.fv-layers{grid-template-columns:repeat(5,minmax(0,1fr))}
.fv-layers .ft-layer{padding:16px}
.fv-layers .ft-layer h3{font-size:18px}
@media (max-width:1280px){.fv-layers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.fv-layers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.fv-layers{grid-template-columns:minmax(0,1fr)}}
.fv-vn{margin-top:48px}
.fv-vn-h{margin:0 0 16px;font-size:20px;font-weight:500}
.fv-vn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:760px){.fv-vn-grid{grid-template-columns:minmax(0,1fr)}}
.fv-vn-card{margin:0;border:1px solid var(--line-strong);border-radius:8px;padding:20px;min-width:0}
.fv-vn-card svg{display:block;width:100%;height:auto;max-width:420px;margin:0 auto 16px}
.fv-vn-card figcaption{font-size:14px;line-height:1.7;color:var(--fg-soft)}
.fv-vn-card figcaption b{display:block;margin-bottom:6px;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute)}
.fv-chat{border:1px solid var(--line-strong);border-radius:8px;padding:16px;display:grid;gap:12px}
.fv-msg{margin:0;padding:12px 16px;border:1px solid var(--line);border-radius:8px;font-size:14px;line-height:1.7;color:var(--fg-soft);max-width:44em}
.fv-msg b{display:block;margin-bottom:2px;font-size:12px;font-weight:500;color:var(--fg-mute)}
.fv-msg--du{justify-self:end;border-color:var(--line-strong);color:var(--fg)}
.fv-msg--s{border-style:dashed}
.fv-tab{border:1px solid var(--line);border-radius:8px;padding:0 16px}
.fv-tab summary{cursor:pointer;padding:14px 0;font-size:13px;color:var(--fg-soft)}
.fv-tab table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:13px}
.fv-tab th,.fv-tab td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-top:1px solid var(--line);line-height:1.6;font-weight:400}
.fv-tab thead th{font-size:12px;color:var(--fg-mute)}
.fv-tab tbody th{color:var(--fg);width:34%}
.fv-tab td{color:var(--fg-soft)}
.fv-uc{padding:var(--sec) 0;border-top:1px solid var(--line);scroll-margin-top:16px}
.fv-uc h2{margin:0 0 12px;font-size:clamp(22px,2.8vw,34px);font-weight:500;letter-spacing:-.02em}
.fv-uc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-top:32px}
.fv-uc-card{border:1px solid var(--line-strong);border-radius:8px;padding:20px;min-width:0}
.fv-uc-card p{margin:0 0 12px;font-size:14px;line-height:1.7;color:var(--fg-soft)}
.fv-uc-who{display:flex;align-items:center;gap:10px;font-size:18px!important;font-weight:500;color:var(--fg)!important}
.fv-uc-task{padding:10px 12px;border-left:2px solid var(--fg);color:var(--fg)!important;background:var(--surface-2)}
.fv-fragen{padding:var(--sec) 0;border-top:1px solid var(--line);scroll-margin-top:16px}
.fv-fragen h2{margin:0 0 28px;font-size:clamp(22px,2.8vw,34px);font-weight:500;letter-spacing:-.02em;max-width:24ch}
.fv-q{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:0 clamp(24px,5vw,64px)}
.fv-q>div{padding:18px 0;border-top:1px solid var(--line)}
.fv-q h3{margin:0 0 8px;font-size:15px;font-weight:500;line-height:1.4}
.fv-q p{margin:0;font-size:14px;line-height:1.75;color:var(--fg-soft);max-width:52ch}
.fv-q a,.fv-preis a:not(.knopf){color:var(--fg);text-underline-offset:3px}
.fv-preis{padding:var(--sec) 0;border-top:1px solid var(--line)}
.fv-preis h2{margin:0 0 12px;font-size:clamp(22px,2.8vw,34px);font-weight:500;letter-spacing:-.02em}
.fv-preis p{margin:0;font-size:14px;color:var(--fg-soft)}
.fv-preis .fv-cta{margin-top:24px}
.fv-cap{margin:0;font-size:12px;color:var(--fg-mute)}
@media (max-width:640px){body.ps .fv-sprung a,body.ps .fv-msg b,body.ps .fv-tab thead th,body.ps .fv-vn-card figcaption b{font-size:12px}}
body.ps .fx-page .eyebrow,body.ps .eyebrow,body.ps .fx-foot,body.ps .fx-ex,body.ps .ps-ill{font-size:12px}