/* Rahmen praemon, Stil „aidoing“ (aus AiDOING-Website 1.1.0): geladen bei Marke › rahmen_praemon › stil = aidoing. */
/* AiDOING Website 1.0 – Stylesheet. Präfix pm- (gemeinsame Bausteine der Codebasis) und ad- (AiDOING-Design, Abschnitt am Ende).
   Marke: Blau aus dem Logo #5aacdc → #2e59a6, Nachtblau #070d1a, Weiß. Schrift: Inter (SIL OFL 1.1, lokal, Latin), JetBrains Mono
   (SIL OFL) nur für Code. Hellblau ist Fläche, Leuchten und Akzent auf Dunkel, nie Schriftfarbe auf Weiß (dafür --ad-blau-t). */
@font-face{font-family:'Inter';font-weight:100 900;font-style:normal;font-display:swap;src:url('fonts/Inter-VF.woff') format('woff')}
@font-face{font-family:'Inter';font-weight:100 900;font-style:italic;font-display:swap;src:url('fonts/Inter-Italic-VF.woff') format('woff')}
@font-face{font-family:'JetBrains Mono';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/JetBrainsMono-Regular.woff') format('woff')}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/JetBrainsMono-Medium.woff') format('woff')}
:root{
  --pm-nacht:#070d1a; --pm-nacht-2:#0d1729; --pm-nacht-3:#13213b; --pm-nacht-line:#1e2d48; --pm-tinte:#0b1424; --pm-schiefer:#3d4b60; --pm-grau:#5b6a80; --pm-grau-hell:#8d9db5; --pm-auf-nacht:#c2cfe1;
  --pm-tiefblau:#1d4e9a; --pm-tiefblau-h:#2a63b8; --pm-signal:#4f78b0; --pm-himmel:var(--pm-gold); --pm-eis:var(--pm-gold); --pm-hellblau:#eaf3fb; --pm-flaeche:#f4f7fb; --pm-rand:#e1e8f1; --pm-feld:#d2dbe7; --pm-weiss:#ffffff;
  --pm-gold:#5aacdc; --pm-gold-h:#7fc0e8; --pm-gold-t:#174a7a; --pm-gold-bg:#e5f2fb; --pm-de-schwarz:#000000; --pm-de-rot:#dd0000; --pm-de-gold:#ffcc00;
  --pm-ok:#00a65a; --pm-ok-t:#007a43; --pm-ok-bg:#e3f5ec; --pm-warn:#f39c12; --pm-warn-t:#7a4d00; --pm-warn-bg:#fdf1dc; --pm-or:#e8730c; --pm-or-t:#9a4f07; --pm-or-bg:#fcebdc; --pm-krit:#dd4b39; --pm-krit-t:#b3261e; --pm-krit-bg:#fbe6e3; --pm-punkt:#3ddc97;
  --pm-radius:12px; --pm-radius-s:10px; --pm-shadow:0 2px 14px rgba(16,40,80,.08); --pm-shadow-l:0 24px 60px rgba(7,13,26,.22); --pm-shadow-f:0 18px 40px rgba(7,13,26,.3);
  --pm-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --pm-display:'Inter',system-ui,sans-serif;
  --pm-display-s:'Inter',system-ui,sans-serif;
  --pm-mono:'Inter',system-ui,sans-serif;
  --pm-code:'JetBrains Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;
  --pm-max:1280px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.pm-body{margin:0;background:var(--pm-weiss);color:var(--pm-tinte);font-family:var(--pm-font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.pm-root{container-type:inline-size;container-name:pm;min-height:100%;background:var(--pm-weiss);color:var(--pm-tinte);font-family:var(--pm-font);font-size:16px;line-height:1.65}
.pm-root img{max-width:100%;height:auto}
.pm-root a{color:var(--pm-tiefblau);text-underline-offset:3px;text-decoration-color:rgba(15,27,38,.35)}
.pm-root a:hover{color:var(--pm-tiefblau-h);text-decoration-color:var(--pm-gold);text-decoration-thickness:2px}
.pm-root :focus-visible:not(.pm-consent-card){outline:3px solid var(--pm-gold);box-shadow:0 0 0 5px var(--pm-nacht);outline-offset:3px;border-radius:4px}
.pm-skip{position:absolute;left:-9999px;top:8px;background:var(--pm-weiss);padding:8px 12px;z-index:50}
.pm-skip:focus{left:8px}
.pm-wrap{max-width:var(--pm-max);margin:0 auto;padding-inline:28px}
.pm-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pm-ph{background:var(--pm-warn-bg);color:var(--pm-warn-t);border-radius:4px;padding:0 4px;font-weight:600}
.pm-sprite{display:none}
.pm-root [hidden]{display:none!important}

/* Schwarz-Rot-Gold: bewusst klein gesetzt */
.pm-de{display:inline-flex;width:30px;height:4px;border-radius:1px;overflow:hidden;vertical-align:middle;flex:none}
.pm-de i{flex:1;display:block}
.pm-de i:nth-child(1){background:var(--pm-de-schwarz)} .pm-de i:nth-child(2){background:var(--pm-de-rot)} .pm-de i:nth-child(3){background:var(--pm-gold)}
.pm-seal{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--pm-nacht-line);border-radius:999px;padding:7px 14px 7px 12px;font-size:12.5px;font-weight:600;color:var(--pm-auf-nacht);background:rgba(255,255,255,.03);width:fit-content;max-width:100%;line-height:1.35}
.pm-seal .pm-de{box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.pm-seal-hell{border-color:var(--pm-rand);color:var(--pm-schiefer);background:var(--pm-weiss)}
.pm-seal-hell .pm-de{box-shadow:none}

/* Beleg-Anmerkung (Leitmotiv) */
.pm-note{font-family:var(--pm-mono);font-size:11.5px;line-height:1.45;color:var(--pm-grau);letter-spacing:0;display:inline-flex;gap:8px;align-items:baseline}
.pm-note::before{content:"";width:7px;height:7px;background:var(--pm-gold);transform:rotate(45deg);flex:none;position:relative;top:-1px}
.pm-sec-nacht .pm-note,.pm-hero .pm-note,.pm-phero .pm-note,.pm-tile-nacht .pm-note{color:var(--pm-grau-hell)}
.pm-mono{font-family:var(--pm-mono)}

/* Kopf */
.pm-head{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--pm-rand)}
.pm-head .pm-wrap{display:flex;align-items:center;gap:22px;height:72px}
.pm-brand{display:flex;align-items:center;flex:none}
.pm-brand img,.pm-brand svg{height:38px;width:auto;display:block}
.pm-nav{display:flex;align-items:center;gap:2px;margin-left:auto;flex-wrap:nowrap}
.pm-nav a{color:var(--pm-schiefer);text-decoration:none;font-size:15px;font-weight:500;padding:8px 11px;border-radius:var(--pm-radius-s);white-space:nowrap}
.pm-nav a:hover{background:var(--pm-hellblau);color:var(--pm-tinte)}
.pm-nav a[aria-current="page"]{color:var(--pm-tinte);box-shadow:inset 0 -2px 0 var(--pm-gold);border-radius:0}
.pm-head-cta{display:flex;gap:8px;flex:none}
.pm-menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--pm-rand);border-radius:var(--pm-radius-s);width:44px;height:44px;cursor:pointer;color:var(--pm-tinte)}
.pm-menu-btn svg{width:20px;height:20px;display:block;margin:auto}

/* Knöpfe, Pillen */
.pm-btn{font:inherit;font-size:15px;font-weight:700;letter-spacing:.01em;line-height:1.2;border-radius:var(--pm-radius-s);padding:13px 20px;border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;transition:background-color .15s,border-color .15s}
.pm-btn svg{width:18px;height:18px;transition:transform .15s}
.pm-btn:hover svg{transform:translateX(2px)}
.pm-btn-s{padding:9px 14px;font-size:14px}
.pm-btn-pri{background:var(--pm-tiefblau);color:var(--pm-weiss)}
.pm-root a.pm-btn-pri,.pm-root a.pm-btn-pri:hover{color:var(--pm-weiss)}
.pm-btn-pri:hover{background:var(--pm-tiefblau-h)}
.pm-btn-sec{background:var(--pm-weiss);color:var(--pm-tinte);border-color:var(--pm-feld)}
.pm-root a.pm-btn-sec{color:var(--pm-tinte)}
.pm-btn-sec:hover{border-color:var(--pm-signal)}
.pm-btn-gold{background:var(--pm-gold);color:var(--pm-nacht)}
.pm-root a.pm-btn-gold,.pm-root a.pm-btn-gold:hover{color:var(--pm-nacht)}
.pm-btn-gold:hover{background:var(--pm-gold-h)}
.pm-btn-geist{background:transparent;color:var(--pm-weiss);border-color:#3a556d}
.pm-root a.pm-btn-geist,.pm-root a.pm-btn-geist:hover{color:var(--pm-weiss)}
.pm-btn-geist:hover{border-color:var(--pm-himmel)}
.pm-btn-rot{background:var(--pm-weiss);color:var(--pm-krit-t);border-color:#f0c9c4}
.pm-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:.25em .8em;font-weight:600;font-size:12.5px;line-height:1.5;white-space:nowrap}
.pm-pill i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.pm-p-ok{background:var(--pm-ok-bg);color:var(--pm-ok-t)} .pm-p-warn{background:var(--pm-warn-bg);color:var(--pm-warn-t)} .pm-p-or{background:var(--pm-or-bg);color:var(--pm-or-t)} .pm-p-krit{background:var(--pm-krit-bg);color:var(--pm-krit-t)} .pm-p-info{background:var(--pm-hellblau);color:var(--pm-tiefblau)} .pm-p-grau{background:#edf0f3;color:#4a5761} .pm-p-gold{background:var(--pm-gold-bg);color:var(--pm-gold-t)}

/* Typo */
.pm-eyebrow{font-family:var(--pm-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--pm-tiefblau);margin:0 0 16px;display:flex;align-items:center;gap:10px}
.pm-eyebrow::before{content:"";width:22px;height:4px;background:var(--pm-gold);flex:none}
.pm-h1{font-family:var(--pm-display);font-size:clamp(32px,5vw,60px);line-height:1.08;letter-spacing:-.025em;font-weight:800;margin:0 0 22px;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.pm-h2{font-family:var(--pm-display);font-size:clamp(25px,3.1vw,38px);line-height:1.15;letter-spacing:-.02em;font-weight:800;margin:0 0 16px;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.pm-h3{font-family:var(--pm-display-s);font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.005em;margin:0 0 8px;overflow-wrap:break-word;hyphens:auto}
.pm-lead{font-size:18.5px;line-height:1.6;color:var(--pm-schiefer);max-width:62ch;margin:0 0 28px}
.pm-body-text{font-size:16.5px;line-height:1.7;color:var(--pm-schiefer);max-width:64ch}
.pm-body-text p{margin:0 0 14px}
.pm-muted{color:var(--pm-grau)}
.pm-small{font-size:14px}
.pm-label{font-family:var(--pm-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--pm-grau)}
.pm-num{font-variant-numeric:tabular-nums}
.pm-mark{background:linear-gradient(transparent 64%,rgba(253,206,4,.5) 64%);padding:0 2px}

/* Abschnitte */
.pm-sec{padding-block:104px}
.pm-sec-s{padding-block:64px}
.pm-sec-flaeche{background:var(--pm-flaeche)}
.pm-sec-nacht{background:var(--pm-nacht);color:var(--pm-auf-nacht);position:relative;overflow:hidden}
.pm-sec-nacht .pm-h1,.pm-sec-nacht .pm-h2,.pm-sec-nacht .pm-h3{color:var(--pm-weiss)}
.pm-sec-nacht .pm-lead,.pm-sec-nacht .pm-body-text{color:var(--pm-auf-nacht)}
.pm-sec-nacht .pm-eyebrow{color:var(--pm-eis)}
.pm-sec-nacht a:not(.pm-btn){color:var(--pm-eis)}
.pm-grid-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.pm-sec-head{max-width:820px;margin-bottom:52px;position:relative}
.pm-sec-head.pm-center{margin-inline:auto;text-align:center}
.pm-sec-head.pm-center .pm-eyebrow{justify-content:center}
.pm-sec-head.pm-center .pm-lead{margin-inline:auto}
.pm-sec-head .pm-lead{margin-bottom:0}
.pm-rel{position:relative}

/* Held Startseite */
.pm-hero{background:var(--pm-nacht);color:var(--pm-auf-nacht);position:relative;overflow:hidden}
.pm-hero .pm-wrap{position:relative;padding-block:92px 0}
.pm-hero-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:end}
.pm-hero .pm-h1{color:var(--pm-weiss);font-size:clamp(40px,6.6vw,86px);margin-bottom:26px}
.pm-hero .pm-h1 em{font-style:normal;color:var(--pm-gold)}
.pm-hero .pm-lead{color:var(--pm-auf-nacht);margin-bottom:32px}
.pm-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.pm-hero-side{display:grid;gap:22px;padding-bottom:12px}
.pm-hero-facts{list-style:none;margin:0;padding:0;display:grid;gap:14px;font-size:14.5px;color:var(--pm-auf-nacht)}
.pm-hero-facts li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;line-height:1.5}
.pm-hero-facts li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--pm-punkt);box-shadow:0 0 0 4px rgba(47,208,127,.16);margin:6px 0 0 4px}
.pm-hero-facts b{color:var(--pm-weiss);font-weight:600;display:block}
.pm-trace{position:absolute;left:calc(50% - 50vw);width:100vw;top:-70px;height:68px;pointer-events:none;z-index:0}
.pm-stage > .pm-fig{position:relative;z-index:1}
.pm-trace .pm-trace-line{fill:none;stroke:var(--pm-himmel);stroke-width:1.5;stroke-opacity:.5;stroke-dasharray:3000;stroke-dashoffset:3000;animation:pm-draw 2.8s ease-out .2s forwards}
.pm-trace .pm-trace-area{fill:var(--pm-himmel);fill-opacity:.05}
.pm-trace .pm-trace-pt{fill:var(--pm-gold)}
.pm-trace .pm-trace-grid{stroke:rgba(255,255,255,.05);stroke-width:1}
@keyframes pm-draw{to{stroke-dashoffset:0}}
.pm-stage{position:relative;margin-top:72px}
.pm-stage .pm-shot{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}
.pm-float{position:absolute;background:var(--pm-weiss);color:var(--pm-tinte);border-radius:12px;box-shadow:var(--pm-shadow-f);padding:14px 16px;font-size:13.5px;line-height:1.45;border:1px solid var(--pm-rand);z-index:2}
.pm-float-a{left:-28px;top:22%;width:260px}
.pm-float-b{right:-28px;top:9%;width:280px}
.pm-float-c{right:4%;bottom:3%;width:310px}
.pm-float .pm-label{display:block;margin-bottom:8px}
.pm-float b{font-size:14px}
.pm-float .pm-score{padding:0}
.pm-callout{position:absolute;display:flex;flex-direction:column;gap:2px;font-family:var(--pm-mono);font-size:11px;color:var(--pm-grau-hell);line-height:1.35;white-space:nowrap}
.pm-callout b{color:var(--pm-gold);font-weight:500}

/* Browser-Rahmen */
.pm-shot{border-radius:12px;overflow:hidden;border:1px solid var(--pm-rand);box-shadow:var(--pm-shadow-l);background:var(--pm-weiss)}
.pm-hero .pm-shot{border-color:#273a4b;box-shadow:0 -10px 80px rgba(0,0,0,.45)}
.pm-shot-bar{height:32px;background:#eef1f4;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--pm-rand)}
.pm-shot-bar i{width:10px;height:10px;border-radius:50%;background:#d0d7de}
.pm-shot-bar span{margin-left:10px;font-family:var(--pm-mono);font-size:10.5px;color:var(--pm-grau);background:var(--pm-weiss);border-radius:999px;padding:2px 12px;border:1px solid var(--pm-rand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-shot img{display:block;width:100%;height:auto}
figure.pm-fig{margin:0}
figure.pm-fig figcaption{margin-top:14px}

/* Kennzahlen-Leiste */
.pm-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--pm-rand)}
.pm-facts > div{padding:34px 26px 30px;border-right:1px solid var(--pm-rand)}
.pm-facts > div:last-child{border-right:0}
.pm-facts b{display:block;font-family:var(--pm-display);font-size:44px;line-height:1;letter-spacing:-.02em;color:var(--pm-tinte);margin-bottom:12px}
.pm-facts span{display:block;font-size:14.5px;color:var(--pm-schiefer);line-height:1.5}
.pm-facts .pm-note{margin-top:12px}

/* Vier Fragen / Bento */
.pm-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.pm-tile{background:var(--pm-weiss);border:1px solid var(--pm-rand);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;min-width:0}
.pm-tile-w3{grid-column:span 3}.pm-tile-w2{grid-column:span 2}.pm-tile-w4{grid-column:span 4}.pm-tile-w6{grid-column:span 6}
.pm-q{font-family:var(--pm-mono);font-size:12px;color:var(--pm-tiefblau);letter-spacing:.02em}
.pm-tile h3{font-family:var(--pm-display-s);font-size:22px;line-height:1.2;margin:0}
.pm-tile p{margin:0;color:var(--pm-schiefer);font-size:15.5px}
.pm-tile-nacht{background:var(--pm-nacht);border-color:var(--pm-nacht-line);color:var(--pm-auf-nacht)}
.pm-tile-nacht h3{color:var(--pm-weiss)} .pm-tile-nacht p{color:var(--pm-auf-nacht)} .pm-tile-nacht .pm-q{color:var(--pm-gold)}
.pm-tile-more{margin-top:auto;font-weight:600;font-size:14.5px;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.pm-tile-nacht .pm-tile-more{color:var(--pm-eis)}
.pm-tile-more svg{width:16px;height:16px}

/* Mini-Oberflächen (Portal-Anmutung statt Symbole) */
.pm-ui{background:var(--pm-weiss);border:1px solid var(--pm-rand);border-radius:10px;overflow:hidden;font-size:13px;color:var(--pm-tinte);box-shadow:0 1px 3px rgba(31,45,61,.06)}
.pm-tile-nacht .pm-ui{border-color:#273a4b}
.pm-ui-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--pm-rand);font-weight:600;font-size:12.5px}
.pm-ui-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--pm-rand)}
.pm-ui-head + .pm-ui-row{border-top:0}
.pm-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.pm-dot-ok{background:var(--pm-ok)}.pm-dot-warn{background:var(--pm-warn)}.pm-dot-or{background:var(--pm-or)}.pm-dot-krit{background:var(--pm-krit)}.pm-dot-grau{background:#b5c0c9}
.pm-ui-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-ui-row em{font-style:normal;font-family:var(--pm-mono);font-size:11.5px;color:var(--pm-grau)}
.pm-ring{--v:82;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--pm-ok) calc(var(--v)*1%),var(--pm-rand) 0);display:grid;place-items:center;flex:none}
.pm-ring::after{content:attr(data-v);width:64px;height:64px;border-radius:50%;background:var(--pm-weiss);display:grid;place-items:center;font-family:var(--pm-display);font-size:20px;font-weight:700;color:var(--pm-tinte)}
.pm-ring-or{background:conic-gradient(var(--pm-or) calc(var(--v)*1%),var(--pm-rand) 0)}
.pm-ring-82{--v:82}.pm-ring-64{--v:64}.pm-ring-91{--v:91}
.pm-score{display:flex;gap:16px;align-items:center;padding:14px}
.pm-score ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:12.5px;color:var(--pm-schiefer)}
.pm-score li b{font-family:var(--pm-mono);font-weight:500;color:var(--pm-krit-t);margin-right:6px}
.pm-score li b.pm-plus{color:var(--pm-ok-t)}
.pm-log{font-family:var(--pm-code);font-size:11.5px;line-height:1.75;padding:12px 14px;background:var(--pm-nacht-2);color:var(--pm-auf-nacht);border-radius:8px;overflow-x:auto;white-space:pre;border:1px solid var(--pm-nacht-line)}
.pm-log .k{color:var(--pm-grau-hell)} .pm-log .g{color:var(--pm-punkt)} .pm-log .y{color:var(--pm-gold)}
.pm-spark{display:block;width:100%;height:52px}
.pm-sk-limit{stroke:var(--pm-or);stroke-dasharray:4 3;stroke-width:1;fill:none}
.pm-sk-area{fill:var(--pm-signal);fill-opacity:.12}
.pm-sk-line{fill:none;stroke:var(--pm-signal);stroke-width:2}
.pm-sk-dot{fill:var(--pm-signal)}
.pm-sk-area.pm-sk-or{fill:var(--pm-or)} .pm-sk-line.pm-sk-or{stroke:var(--pm-or)} .pm-sk-dot.pm-sk-or{fill:var(--pm-or)}
.pm-topo{display:block;width:100%;height:auto}
.pm-topo .t-line{stroke:#b9c6d1;stroke-width:1.4;fill:none}
.pm-topo .t-line.d{stroke-dasharray:3 3}
.pm-topo .t-node{fill:var(--pm-weiss);stroke:var(--pm-tinte);stroke-width:1.4}
.pm-topo .t-host{fill:var(--pm-nacht)}
.pm-topo .t-sw{fill:var(--pm-weiss);stroke:var(--pm-tiefblau);stroke-width:1.4;stroke-dasharray:3 2}
.pm-topo .t-ok{fill:var(--pm-ok)} .pm-topo .t-or{fill:var(--pm-or)} .pm-topo .t-krit{fill:var(--pm-krit)} .pm-topo .t-gold{fill:var(--pm-gold)} .pm-topo .t-grau{fill:#b5c0c9}
.pm-topo text{font-family:var(--pm-mono);font-size:9px;fill:var(--pm-grau)}
.pm-topo text.w{fill:var(--pm-weiss)}
.pm-chat{background:var(--pm-weiss);border:1px solid var(--pm-rand);border-radius:14px;box-shadow:var(--pm-shadow-l);overflow:hidden;color:var(--pm-tinte)}
.pm-chat-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--pm-rand);font-size:13.5px;gap:8px;flex-wrap:wrap}
.pm-chat-body{padding:16px;display:grid;gap:12px;font-size:14.5px}
.pm-msg-q{justify-self:end;background:var(--pm-tiefblau);color:var(--pm-weiss);border-radius:14px 14px 3px 14px;padding:10px 14px;max-width:85%}
.pm-msg-a{background:var(--pm-flaeche);border:1px solid var(--pm-rand);border-radius:14px 14px 14px 3px;padding:12px 14px;max-width:94%;line-height:1.55}
.pm-msg-a .pm-note{display:flex;margin-top:10px;border-top:1px dashed var(--pm-feld);padding-top:8px}

/* Ablauf-Diagramm */
.pm-flowd{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr) 76px minmax(0,1fr);align-items:stretch;position:relative}
.pm-station{background:var(--pm-nacht-2);border:1px solid var(--pm-nacht-line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pm-station h3{margin:0;font-size:18px}
.pm-station p{margin:0;font-size:14.5px;color:var(--pm-auf-nacht)}
.pm-station ul{margin:0;padding-left:18px;font-size:14px;color:var(--pm-auf-nacht)}
.pm-station-de{border-color:#3a5168;background:linear-gradient(180deg,var(--pm-nacht-3),var(--pm-nacht-2))}
.pm-station-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pm-pipe{position:relative;display:flex;align-items:center;justify-content:center}
.pm-pipe::before{content:"";position:absolute;left:6px;right:6px;top:50%;border-top:2px dashed #3a5168}
.pm-pipe span{position:relative;background:var(--pm-nacht);font-family:var(--pm-mono);font-size:10.5px;color:var(--pm-gold);padding:4px 6px;text-align:center;line-height:1.3}
.pm-station-ico{width:42px;height:42px;border-radius:10px;background:rgba(253,206,4,.12);color:var(--pm-eis);display:grid;place-items:center;flex:none}
.pm-station-ico svg{width:22px;height:22px}

/* Haltung */
.pm-manifest{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px;align-items:start}
.pm-bigquote{font-family:var(--pm-display);font-size:clamp(28px,3.6vw,48px);line-height:1.08;letter-spacing:-.015em;font-weight:700;margin:0 0 24px;color:var(--pm-tinte);text-wrap:balance}
.pm-bigquote span{color:var(--pm-tiefblau)}
.pm-rules{list-style:none;margin:0;padding:0;border-top:1px solid var(--pm-rand)}
.pm-rules li{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--pm-rand)}
.pm-rules li > span{font-family:var(--pm-mono);font-size:12px;color:var(--pm-tiefblau);padding-top:3px}
.pm-rules b{display:block;font-size:16.5px;margin-bottom:3px}
.pm-rules p{margin:0;color:var(--pm-schiefer);font-size:15px}

/* Karten, Raster */
.pm-grid{display:grid;gap:20px}
.pm-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pm-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pm-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pm-card{background:var(--pm-weiss);border:1px solid var(--pm-rand);border-radius:16px;padding:26px;min-width:0}
.pm-card p{margin:0;color:var(--pm-schiefer);font-size:15px}
.pm-card .pm-ico{margin-bottom:16px}
.pm-card-nacht{background:var(--pm-nacht-2);border-color:var(--pm-nacht-line)}
.pm-card-nacht .pm-h3{color:var(--pm-weiss)} .pm-card-nacht p{color:var(--pm-auf-nacht)}
.pm-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s}
.pm-root a.pm-card-link{color:inherit}
.pm-card-link:hover{border-color:var(--pm-signal);box-shadow:var(--pm-shadow);transform:translateY(-2px)}
.pm-card-more{display:inline-flex;gap:6px;align-items:center;margin-top:auto;padding-top:14px;font-weight:600;font-size:14.5px;color:var(--pm-tiefblau)}
.pm-card-more svg{width:16px;height:16px}
.pm-ico{width:40px;height:40px;border-radius:10px;background:var(--pm-hellblau);color:var(--pm-tiefblau);display:flex;align-items:center;justify-content:center;flex:none}
.pm-ico svg{width:21px;height:21px}
.pm-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}
.pm-split.pm-rev > :first-child{order:2}
.pm-checks{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:11px}
.pm-checks li{position:relative;padding-left:30px;color:var(--pm-schiefer)}
.pm-checks li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--pm-ok-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23007a43' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.pm-checks li b{color:var(--pm-tinte)}
.pm-sec-nacht .pm-checks li,.pm-hero .pm-checks li{color:var(--pm-auf-nacht)}
.pm-sec-nacht .pm-checks li::before{background-color:rgba(47,208,127,.16)}
.pm-sec-nacht .pm-checks li b{color:var(--pm-weiss)}
.pm-nots{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.pm-nots li{position:relative;padding-left:30px;color:var(--pm-schiefer)}
.pm-nots li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--pm-krit-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='%23b3261e' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat}
.pm-sec-nacht .pm-nots li{color:var(--pm-auf-nacht)}

/* Unterseiten-Kopf */
.pm-phero{background:var(--pm-nacht);color:var(--pm-auf-nacht);position:relative;overflow:hidden}
.pm-phero .pm-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:64px;padding-block:84px 76px;align-items:end}
.pm-phero .pm-h1{color:var(--pm-weiss);font-size:clamp(34px,5vw,62px)}
.pm-phero .pm-h1 em{font-style:normal;color:var(--pm-gold)}
.pm-phero .pm-lead{color:var(--pm-auf-nacht);margin-bottom:0}
.pm-phero .pm-eyebrow{color:var(--pm-eis)}
.pm-phero-bare .pm-wrap{grid-template-columns:minmax(0,1fr)}
.pm-toc{border-left:1px solid var(--pm-nacht-line);padding-left:24px}
.pm-toc .pm-label{color:var(--pm-grau-hell);display:block;margin-bottom:12px}
.pm-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:t}
.pm-toc li{counter-increment:t}
.pm-toc a{color:var(--pm-auf-nacht);text-decoration:none;font-size:14.5px;display:flex;gap:12px}
.pm-toc a::before{content:counter(t,decimal-leading-zero);font-family:var(--pm-mono);font-size:11px;color:var(--pm-gold);padding-top:3px}
.pm-root .pm-toc a:hover{color:var(--pm-weiss)}
.pm-toc-plain a::before{content:none}
.pm-toc-plain .pm-stack .pm-label{margin-bottom:4px;font-size:11px}
.pm-toc-plain .pm-stack a{font-size:16px}

/* Modul-Abschnitte (Produktseite) */
.pm-module{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:72px;align-items:center;padding-block:88px;border-top:1px solid var(--pm-rand);scroll-margin-top:80px}
.pm-module:first-child{border-top:0}
.pm-module.pm-rev > :first-child{order:2}
.pm-module-num{font-family:var(--pm-mono);font-size:12px;color:var(--pm-grau);display:flex;gap:10px;align-items:center;margin-bottom:14px}
.pm-module-num b{color:var(--pm-tiefblau);font-weight:500}
.pm-see{margin-top:24px;border:1px solid var(--pm-rand);border-radius:14px;padding:18px 20px;background:var(--pm-flaeche)}
.pm-see .pm-label{display:block;margin-bottom:10px}
.pm-see ul{margin:0;padding-left:18px;font-size:15px;color:var(--pm-schiefer)}
.pm-see li{margin-bottom:5px}
.pm-see li:last-child{margin-bottom:0}

/* Alltag-Geschichte */
.pm-story{border-radius:20px;background:var(--pm-weiss);border:1px solid var(--pm-rand);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);overflow:hidden}
.pm-story-side{background:var(--pm-nacht);color:var(--pm-auf-nacht);padding:36px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.pm-story-side .pm-h2{color:var(--pm-weiss);font-size:clamp(24px,2.6vw,32px);margin:0}
.pm-story-side p{margin:0}
.pm-story-body{padding:36px}
.pm-timeline2{list-style:none;margin:0;padding:0;display:grid}
.pm-timeline2 li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:14px 0;border-top:1px dashed var(--pm-feld)}
.pm-timeline2 li:first-child{border-top:0;padding-top:0}
.pm-timeline2 time{font-family:var(--pm-mono);font-size:13px;color:var(--pm-tiefblau);padding-top:1px}
.pm-timeline2 p{margin:0;color:var(--pm-schiefer);font-size:15.5px}
.pm-timeline2 p b{color:var(--pm-tinte)}

/* Vergleich */
.pm-table-wrap{overflow-x:auto;border:1px solid var(--pm-rand);border-radius:16px;background:var(--pm-weiss)}
.pm-table{border-collapse:collapse;width:100%;font-size:15px;min-width:680px}
.pm-table th,.pm-table td{padding:16px 20px;text-align:left;vertical-align:top;border-top:1px solid var(--pm-rand)}
.pm-table thead th{border-top:0;background:var(--pm-flaeche);font-family:var(--pm-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--pm-grau);font-weight:500}
.pm-table thead th.pm-us{color:var(--pm-weiss);background:var(--pm-nacht)}
.pm-table td.pm-us{background:rgba(238,243,247,.6)}
.pm-table tbody th{font-weight:600;width:26%;font-size:15px}
.pm-yes{color:var(--pm-ok-t);font-weight:600}
.pm-part{color:var(--pm-or-t);font-weight:600}
.pm-foot-note{font-size:13.5px;color:var(--pm-grau);margin-top:16px;max-width:80ch}

/* Preise */
.pm-banner{display:flex;gap:12px;align-items:flex-start;background:var(--pm-gold-bg);color:var(--pm-gold-t);border:1px solid #f1e3a2;border-radius:12px;padding:14px 18px;font-size:14.5px;line-height:1.5}
.pm-banner b{color:#5a4400}
.pm-banner svg{width:20px;height:20px;flex:none;margin-top:1px}
.pm-toggle{display:inline-flex;border:1px solid var(--pm-feld);border-radius:999px;padding:3px;background:var(--pm-weiss);gap:2px}
.pm-toggle button{font:inherit;font-size:14px;font-weight:600;border:0;background:none;border-radius:999px;padding:8px 16px;cursor:pointer;color:var(--pm-schiefer)}
.pm-toggle button[aria-pressed="true"]{background:var(--pm-nacht);color:var(--pm-weiss)}
.pm-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pm-price{background:var(--pm-weiss);border:1px solid var(--pm-rand);border-radius:18px;padding:32px;display:flex;flex-direction:column;position:relative;min-width:0}
.pm-price-hl{background:var(--pm-nacht);border-color:var(--pm-nacht);color:var(--pm-auf-nacht)}
.pm-price.pm-price-hl h3,.pm-price.pm-price-hl .pm-amount b{color:var(--pm-weiss)}
.pm-price.pm-price-hl .pm-for,.pm-price.pm-price-hl .pm-amount span,.pm-price.pm-price-hl .pm-sys{color:var(--pm-auf-nacht)}
.pm-price-hl .pm-checks li{color:var(--pm-auf-nacht)}
.pm-price-hl .pm-checks li::before{background-color:rgba(47,208,127,.16)}
.pm-price-flag{position:absolute;top:-13px;left:32px}
.pm-price h3{font-family:var(--pm-display-s);font-size:21px;margin:0 0 6px}
.pm-price .pm-for{font-size:14.5px;color:var(--pm-grau);margin:0 0 22px;min-height:44px}
.pm-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;flex-wrap:wrap}
.pm-amount b{font-family:var(--pm-display);font-size:44px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;color:var(--pm-tinte)}
.pm-amount span{font-size:14px;color:var(--pm-grau)}
.pm-price .pm-sys{font-family:var(--pm-mono);font-size:12.5px;color:var(--pm-schiefer);margin:10px 0 24px}
.pm-price .pm-checks{font-size:14.5px;margin-bottom:28px;flex:1}
.pm-addons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.pm-addon{border:1px dashed #c7d3de;border-radius:16px;padding:24px 26px;background:var(--pm-weiss);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;align-items:center}
.pm-addon .pm-amount b{font-size:30px}
.pm-addon p{font-size:14.5px;color:var(--pm-schiefer);margin:0;grid-column:1/-1}
.pm-calc{background:var(--pm-weiss);border:1px solid var(--pm-rand);border-radius:18px;padding:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}
.pm-calc label.pm-calc-l{font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}
.pm-calc label.pm-calc-l output{font-family:var(--pm-display);font-size:22px;color:var(--pm-tiefblau)}
.pm-calc input[type=range]{width:100%;accent-color:var(--pm-tiefblau)}
.pm-calc-scale{display:flex;justify-content:space-between;font-family:var(--pm-mono);font-size:11px;color:var(--pm-grau);margin-top:6px}
.pm-calc-out{border-left:1px solid var(--pm-rand);padding-left:36px}
.pm-calc-out .pm-amount b{font-size:42px}
.pm-calc-row{display:flex;gap:10px;align-items:center;margin-top:16px;font-size:14.5px;color:var(--pm-schiefer)}
.pm-calc-row input{accent-color:var(--pm-tiefblau);width:18px;height:18px;margin:0}
.pm-matrix th,.pm-matrix td{text-align:center}
.pm-matrix th:first-child,.pm-matrix td:first-child,.pm-matrix tbody th{text-align:left}
.pm-matrix .pm-grp th{background:var(--pm-flaeche);font-family:var(--pm-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--pm-grau);font-weight:500}
.pm-tick{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--pm-ok-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23007a43' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;vertical-align:middle}
.pm-dash{color:#9aa8b3}

/* FAQ */
.pm-faq-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:72px;align-items:start}
.pm-faq-side{position:sticky;top:96px}
.pm-faq-side .pm-body-text{margin-bottom:22px}
.pm-faq{border-top:1px solid var(--pm-rand)}
.pm-faq details{border-bottom:1px solid var(--pm-rand)}
.pm-faq summary{cursor:pointer;font-family:var(--pm-display-s);font-weight:700;font-size:17.5px;line-height:1.35;padding:22px 48px 22px 0;list-style:none;position:relative}
.pm-faq summary::-webkit-details-marker{display:none}
.pm-faq summary::after{content:"";position:absolute;right:8px;top:27px;width:14px;height:14px;background:linear-gradient(var(--pm-tiefblau),var(--pm-tiefblau)) center/14px 2px no-repeat,linear-gradient(var(--pm-tiefblau),var(--pm-tiefblau)) center/2px 14px no-repeat;transition:transform .2s}
.pm-faq details[open] summary::after{transform:rotate(45deg)}
.pm-faq details > div{padding:0 0 24px;color:var(--pm-schiefer);font-size:15.5px;max-width:68ch}
.pm-faq details > div p{margin:0 0 10px}
.pm-faq details > div p:last-child{margin-bottom:0}

/* Zielgruppen */
.pm-personas{display:grid;gap:28px}
.pm-persona{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);border:1px solid var(--pm-rand);border-radius:20px;overflow:hidden;background:var(--pm-weiss);scroll-margin-top:90px}
.pm-persona-a{padding:38px;display:flex;flex-direction:column;gap:14px}
.pm-persona-a .pm-h2{font-size:clamp(24px,2.6vw,32px);margin:0}
.pm-persona-a p{margin:0;color:var(--pm-schiefer)}
.pm-persona-b{padding:38px;background:var(--pm-flaeche);border-left:1px solid var(--pm-rand);display:flex;flex-direction:column;gap:16px}
.pm-before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pm-before-after > div{border-radius:12px;padding:16px 18px;font-size:14.5px;line-height:1.55}
.pm-before{background:var(--pm-weiss);border:1px solid var(--pm-rand);color:var(--pm-schiefer)}
.pm-after{background:var(--pm-nacht);color:var(--pm-auf-nacht)}
.pm-before-after .pm-label{display:block;margin-bottom:8px}
.pm-after .pm-label{color:var(--pm-gold)}

/* Blog */
.pm-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.pm-cats a{text-decoration:none;font-size:14px;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid var(--pm-feld);color:var(--pm-schiefer)}
.pm-root .pm-cats a[aria-current="true"]{background:var(--pm-nacht);border-color:var(--pm-nacht);color:var(--pm-weiss)}
.pm-feature-post{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border:1px solid var(--pm-rand);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;margin-bottom:28px;background:var(--pm-weiss);transition:border-color .15s,box-shadow .15s}
.pm-root a.pm-feature-post{color:inherit}
.pm-feature-post:hover{border-color:var(--pm-signal);box-shadow:var(--pm-shadow)}
.pm-feature-post .pm-post-art{aspect-ratio:auto;min-height:320px;padding:28px}
.pm-feature-post .pm-post-art span{font-size:32px;max-width:13ch}
.pm-feature-post .pm-post-art .pm-art-k{top:24px;left:28px}
.pm-feature-post .pm-post-body{padding:38px;justify-content:center;gap:12px}
.pm-feature-post .pm-post-body h3{font-size:27px}
.pm-feature-post .pm-post-body p{font-size:16px}
.pm-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pm-post-card{display:flex;flex-direction:column;border:1px solid var(--pm-rand);border-radius:16px;overflow:hidden;background:var(--pm-weiss);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.pm-root a.pm-post-card{color:inherit}
.pm-post-card:hover{border-color:var(--pm-signal);box-shadow:var(--pm-shadow);transform:translateY(-2px)}
.pm-post-art{aspect-ratio:16/9;background:var(--pm-nacht);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:18px}
.pm-post-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px}
.pm-post-art::after{content:"";position:absolute;left:0;right:0;top:34%;height:44px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M0 28 H120 L135 8 L150 36 L162 22 H250 L262 16 L274 26 H400' fill='none' stroke='%23fdce04' stroke-opacity='.5' stroke-width='1.5'/%3E%3Ccircle cx='274' cy='26' r='3' fill='%23fdce04'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.pm-post-art span{position:relative;z-index:1;color:var(--pm-weiss);font-family:var(--pm-display);font-weight:700;font-size:20px;letter-spacing:-.01em;line-height:1.15;max-width:15ch}
.pm-post-art .pm-art-k{position:absolute;top:16px;left:18px;font-family:var(--pm-mono);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--pm-gold);max-width:none}
.pm-post-body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.pm-post-body h3{font-family:var(--pm-display-s);font-size:18.5px;margin:0;line-height:1.3}
.pm-post-body p{margin:0;font-size:14.5px;color:var(--pm-schiefer)}
.pm-post-meta{font-family:var(--pm-mono);font-size:11.5px;color:var(--pm-grau);display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.pm-article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:72px;align-items:start;max-width:1120px;margin:0 auto}
.pm-article{max-width:760px;min-width:0}
.pm-article-toc{position:sticky;top:96px;border-left:1px solid var(--pm-rand);padding-left:20px;font-size:14px}
.pm-article-toc .pm-label{display:block;margin-bottom:12px}
.pm-article-toc ol{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.pm-article-toc a{color:var(--pm-schiefer);text-decoration:none;line-height:1.4;display:block}
.pm-root .pm-article-toc a:hover{color:var(--pm-tiefblau)}
.pm-byline{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--pm-auf-nacht);flex-wrap:wrap}
.pm-av{width:38px;height:38px;border-radius:50%;background:var(--pm-weiss);display:flex;align-items:center;justify-content:center;flex:none}
.pm-av svg{width:26px;height:26px}
.pm-prose{font-size:17.5px;line-height:1.78;color:var(--pm-tinte)}
.pm-prose > p:first-child{font-size:19.5px;line-height:1.65;color:var(--pm-schiefer)}
.pm-prose h2{font-family:var(--pm-display-s);font-size:27px;letter-spacing:-.01em;line-height:1.25;margin:52px 0 14px;font-weight:700;scroll-margin-top:96px}
.pm-prose h3{font-family:var(--pm-display-s);font-size:20px;margin:32px 0 8px}
.pm-prose p{margin:0 0 20px}
.pm-prose ul,.pm-prose ol{margin:0 0 20px;padding-left:22px}
.pm-prose li{margin-bottom:6px}
.pm-prose blockquote{margin:36px 0;border-left:3px solid var(--pm-gold);padding:4px 0 4px 24px;font-family:var(--pm-display-s);font-size:23px;line-height:1.35;color:var(--pm-tinte)}
.pm-prose blockquote p{margin:0}
.pm-prose code{font-family:var(--pm-code);font-size:.85em;background:var(--pm-flaeche);border:1px solid var(--pm-rand);border-radius:4px;padding:1px 5px}
.pm-prose pre{background:var(--pm-nacht);color:#e6ecf1;border-radius:12px;padding:18px 20px;overflow-x:auto;font-size:14px;line-height:1.6}
.pm-prose pre code{background:none;border:0;padding:0;color:inherit}
.pm-prose table{border-collapse:collapse;width:100%;font-size:15.5px;margin:0 0 24px;display:block;overflow-x:auto}
.pm-prose th,.pm-prose td{border-bottom:1px solid var(--pm-rand);padding:11px 14px;text-align:left}
.pm-prose th{font-family:var(--pm-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--pm-grau);font-weight:500;border-bottom:2px solid var(--pm-tinte)}
.pm-prose img{border-radius:12px;border:1px solid var(--pm-rand)}
.pm-prose hr{border:0;border-top:1px solid var(--pm-rand);margin:36px 0}
.pm-article-foot{border-top:1px solid var(--pm-rand);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14.5px}

/* Abschluss mit Ablauf */
.pm-cta{background:var(--pm-nacht);border-radius:24px;padding:60px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;color:var(--pm-auf-nacht);position:relative;overflow:hidden}
.pm-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}
.pm-cta > *{position:relative}
.pm-cta .pm-h2{color:var(--pm-weiss);margin-bottom:14px}
.pm-cta p{margin:0 0 26px;max-width:52ch}
.pm-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.pm-steps{list-style:none;margin:0;padding:0;counter-reset:s}
.pm-steps li{display:grid;grid-template-columns:42px 1fr;gap:14px;counter-increment:s;padding:16px 0;border-top:1px solid var(--pm-nacht-line)}
.pm-steps li:first-child{border-top:0;padding-top:0}
.pm-steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--pm-mono);font-size:13px;color:var(--pm-gold);padding-top:2px}
.pm-steps b{display:block;color:var(--pm-weiss);font-size:16px;margin-bottom:2px}
.pm-steps span{font-size:14.5px;color:var(--pm-auf-nacht)}
.pm-steps-hell li{border-top-color:var(--pm-rand)}
.pm-steps-hell li::before{color:var(--pm-tiefblau)}
.pm-steps-hell b{color:var(--pm-tinte)}
.pm-steps-hell span{color:var(--pm-schiefer)}

/* Formular */
.pm-form-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:64px;align-items:start}
.pm-form{background:var(--pm-weiss);border:1px solid var(--pm-rand);border-radius:18px;padding:36px;box-shadow:var(--pm-shadow)}
.pm-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pm-field{display:grid;gap:6px;min-width:0}
.pm-field.pm-full{grid-column:1/-1}
.pm-field label,.pm-field legend{font-size:14px;font-weight:600;color:var(--pm-tinte);padding:0}
.pm-field .pm-opt{font-weight:400;color:var(--pm-grau)}
.pm-input,.pm-select,.pm-textarea{font:inherit;font-size:15.5px;width:100%;padding:12px 13px;border-radius:var(--pm-radius-s);border:1px solid var(--pm-feld);background:var(--pm-weiss);color:var(--pm-tinte)}
.pm-textarea{min-height:140px;resize:vertical;line-height:1.55}
.pm-input:focus,.pm-select:focus,.pm-textarea:focus{outline:none;border-color:var(--pm-signal);box-shadow:0 0 0 3px rgba(15,27,38,.14)}
.pm-seg{display:flex;gap:8px;flex-wrap:wrap;border:0;margin:0;padding:0}
.pm-seg label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--pm-feld);border-radius:999px;padding:9px 16px;font-size:14.5px;font-weight:600;cursor:pointer;color:var(--pm-schiefer)}
.pm-seg input{accent-color:var(--pm-gold);margin:0}
.pm-seg label:has(input:checked){border-color:var(--pm-nacht);background:var(--pm-nacht);color:var(--pm-weiss)}
.pm-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.pm-form-note{font-size:13.5px;color:var(--pm-grau);margin:18px 0 0;line-height:1.5}
.pm-form-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px}
.pm-alert{border-radius:12px;padding:14px 16px;font-size:15px;margin-bottom:18px;border:1px solid}
.pm-alert-ok{background:var(--pm-ok-bg);color:var(--pm-ok-t);border-color:#bfe6d2}
.pm-alert-err{background:var(--pm-krit-bg);color:var(--pm-krit-t);border-color:#f0c9c4}
.pm-contact-box{border-top:1px solid var(--pm-rand);margin-top:28px;padding-top:24px;display:grid;gap:14px;font-size:15px}

/* Rechtstexte */
.pm-legal{max-width:860px}
.pm-legal .pm-h1{font-size:clamp(32px,4vw,48px)}
.pm-legal h2{font-family:var(--pm-display-s);font-size:21px;margin:40px 0 10px;letter-spacing:-.005em}
.pm-legal p,.pm-legal li{color:var(--pm-schiefer);font-size:15.5px}
.pm-draft{display:flex;gap:12px;align-items:flex-start;background:var(--pm-or-bg);border:1px solid #f3cfae;color:var(--pm-or-t);border-radius:12px;padding:14px 18px;font-size:14.5px;margin-bottom:32px}
.pm-draft b{color:#6d3804}

/* Über uns */
.pm-timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--pm-rand);display:grid;gap:32px}
.pm-timeline li{position:relative;padding-left:28px}
.pm-timeline li::before{content:"";position:absolute;left:-8px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--pm-weiss);border:2px solid var(--pm-tiefblau)}
.pm-timeline li:last-child::before{background:var(--pm-gold);border-color:var(--pm-gold)}
.pm-timeline .pm-year{font-family:var(--pm-display);font-weight:700;font-size:24px;color:var(--pm-tinte);font-variant-numeric:tabular-nums}
.pm-timeline p{margin:4px 0 0;color:var(--pm-schiefer);font-size:15.5px}

/* Fuß */
.pm-foot{background:var(--pm-nacht);color:var(--pm-grau-hell);font-size:14.5px;position:relative}
.pm-foot-de{display:flex;height:3px}
.pm-foot-de i{flex:1}
.pm-foot-de i:nth-child(1){background:var(--pm-de-schwarz)} .pm-foot-de i:nth-child(2){background:var(--pm-de-rot)} .pm-foot-de i:nth-child(3){background:var(--pm-gold)}
.pm-foot .pm-wrap{padding-block:64px 28px}
.pm-foot-grid{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:32px}
.pm-foot h2{font-family:var(--pm-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--pm-weiss);margin:0 0 14px;font-weight:500}
.pm-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pm-root .pm-foot a{color:var(--pm-auf-nacht);text-decoration:none}
.pm-root .pm-foot a:hover{color:var(--pm-weiss);text-decoration:underline}
.pm-foot-brand svg{height:40px;width:auto;display:block;margin-bottom:20px}
.pm-foot-brand p{margin:0;max-width:36ch;line-height:1.55}
.pm-foot-brand p.pm-claim{font-family:var(--pm-display-s);color:var(--pm-weiss);font-weight:700;font-size:17px;margin-bottom:10px}
.pm-foot-base{border-top:1px solid var(--pm-nacht-line);margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px;align-items:center}
.pm-foot button.pm-consent-open{font:inherit;background:none;border:0;color:var(--pm-auf-nacht);cursor:pointer;padding:0;text-align:left}
.pm-foot button.pm-consent-open:hover{color:var(--pm-weiss);text-decoration:underline}

/* Einwilligung */
.pm-consent-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pm-consent-btns .pm-btn{width:100%}

/* 404 */
.pm-404{padding-block:120px}
.pm-404 .pm-code{font-family:var(--pm-mono);font-size:13px;color:var(--pm-grau);margin-bottom:12px}

/* Admin */
.pm-admin{background:var(--pm-flaeche);min-height:100%}
.pm-admin-head{background:var(--pm-weiss);border-bottom:1px solid var(--pm-rand)}
.pm-admin-head .pm-wrap{display:flex;align-items:center;gap:16px;height:62px}
.pm-admin-head .pm-brand img{height:30px;width:auto;display:block}
.pm-admin-head nav{display:flex;gap:4px;margin-left:24px}
.pm-admin-head nav a{text-decoration:none;color:var(--pm-schiefer);font-size:14.5px;font-weight:500;padding:7px 12px;border-radius:var(--pm-radius-s)}
.pm-admin-head nav a[aria-current="page"]{background:var(--pm-hellblau);color:var(--pm-tinte);box-shadow:inset 0 -3px 0 var(--pm-gold);border-radius:var(--pm-radius-s) var(--pm-radius-s) 0 0}
.pm-admin-user{margin-left:auto;font-size:14px;color:var(--pm-grau);display:flex;gap:12px;align-items:center}
.pm-admin-main{padding-block:28px 56px}
.pm-admin-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.pm-admin-bar h1{font-size:22px;font-weight:700;margin:0}
.pm-box{background:var(--pm-weiss);border:1px solid var(--pm-rand);border-radius:10px}
.pm-box-head{padding:14px 18px 6px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pm-box-head h2{font-size:16px;font-weight:600;margin:0}
.pm-box-body{padding:12px 18px 18px}
.pm-atable{border-collapse:collapse;width:100%;font-size:14.5px;min-width:620px}
.pm-atable th,.pm-atable td{padding:12px 14px;text-align:left;border-top:1px solid var(--pm-rand);vertical-align:middle}
.pm-atable thead th{border-top:0;font-size:11.5px;letter-spacing:.3px;text-transform:uppercase;color:#6b7379;font-weight:600}
.pm-atable td a{font-weight:600;text-decoration:none}
.pm-row-actions{display:flex;gap:6px;justify-content:flex-end}
.pm-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--pm-rand)}
.pm-editor > div{padding:16px 18px;min-width:0}
.pm-editor > div + div{border-left:1px solid var(--pm-rand);background:var(--pm-weiss)}
.pm-editor textarea{font-family:var(--pm-code);font-size:13.5px;line-height:1.6;width:100%;min-height:420px;border:1px solid var(--pm-feld);border-radius:var(--pm-radius-s);padding:12px;resize:vertical;color:var(--pm-tinte);background:#fbfcfd}
.pm-editor .pm-prose{font-size:15px}
.pm-editor .pm-prose > p:first-child{font-size:16px}
.pm-editor .pm-prose h2{font-size:21px;margin-top:22px}
.pm-meta-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;padding:6px 18px 16px}
.pm-login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:56px 16px;background:var(--pm-nacht);background-image:linear-gradient(135deg,var(--pm-nacht),var(--pm-nacht-3))}
.pm-login-card{width:100%;max-width:380px;background:var(--pm-weiss);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.28);padding:30px 28px 24px}
.pm-login-card .pm-brand{justify-content:center;margin-bottom:6px}
.pm-login-card .pm-brand img{height:40px;width:auto;display:block}
.pm-login-card p.pm-muted{text-align:center;font-size:14px;margin:0 0 20px}
.pm-login-card .pm-field{margin-bottom:14px}
.pm-login-card .pm-btn{width:100%}

/* Hilfsklassen (statt style-Attributen: CSP ohne unsafe-inline) */
.pm-m0{margin:0}.pm-mt6{margin-top:6px}.pm-mt8{margin-top:8px}.pm-mt14{margin:14px 0 0}.pm-mt24{margin:24px 0 0}.pm-mt32{margin-top:32px}.pm-mt48{margin-top:48px}.pm-mb8{margin-bottom:8px}.pm-mb28{margin-bottom:28px}.pm-pt4{padding-top:4px}
.pm-mx{margin-inline:auto}.pm-tc{text-align:center}.pm-tr{text-align:right}.pm-jc{justify-content:center}.pm-va{vertical-align:-3px}.pm-nodeco{text-decoration:none}.pm-block{display:block}
.pm-ico-inline{flex:none;margin-top:1px}.pm-scroll-x{overflow-x:auto}.pm-narrow{max-width:960px;margin-inline:auto}.pm-one{grid-template-columns:minmax(0,1fr)}.pm-span{grid-column:1/-1}
.pm-toggle-row{display:flex;justify-content:center;margin:0 0 36px}.pm-row8{display:flex;gap:8px;flex-wrap:wrap}.pm-fs0{border:0;margin:0;padding:0;min-width:0}
.pm-or-text{color:var(--pm-or-t)}.pm-tiefblau-text{color:var(--pm-tiefblau)}.pm-schiefer{color:var(--pm-schiefer)}.pm-white{color:var(--pm-weiss)}
.pm-card.pm-card-hl{border-color:var(--pm-signal)}
.pm-gap12{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.pm-stack{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}

/* Mobil (Container-Abfragen: Mockup und Website nutzen dieselben Regeln) */
@container pm (max-width:1240px){
  .pm-float-a{left:-8px}.pm-float-b{right:-8px}
}
@container pm (max-width:1080px){
  .pm-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-facts > div:nth-child(2){border-right:0}
  .pm-facts > div:nth-child(-n+2){border-bottom:1px solid var(--pm-rand)}
  .pm-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-tile-w3,.pm-tile-w2,.pm-tile-w4{grid-column:span 1}.pm-tile-w6{grid-column:span 2}
  .pm-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-foot-grid{grid-template-columns:1fr 1fr}
  .pm-flowd{grid-template-columns:minmax(0,1fr)}
  .pm-pipe{height:60px}
  .pm-pipe::before{left:50%;right:auto;top:4px;bottom:4px;border-top:0;border-left:2px dashed #3a5168}
  .pm-article-wrap{grid-template-columns:minmax(0,1fr)}
  .pm-article-toc{display:none}
  .pm-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-float-c{right:2%}
}
@container pm (max-width:860px){
  .pm-wrap{padding-inline:18px}
  .pm-sec{padding-block:72px}
  .pm-hero .pm-wrap{padding-top:56px}
  .pm-hero-top,.pm-phero .pm-wrap,.pm-split,.pm-module,.pm-manifest,.pm-form-grid,.pm-g2,.pm-g3,.pm-prices,.pm-addons,.pm-cta,.pm-faq-grid,.pm-story,.pm-persona,.pm-calc,.pm-feature-post{grid-template-columns:minmax(0,1fr)}
  .pm-split.pm-rev > :first-child,.pm-module.pm-rev > :first-child{order:0}
  .pm-phero .pm-wrap{padding-block:56px;gap:32px}
  .pm-toc{border-left:0;padding-left:0;border-top:1px solid var(--pm-nacht-line);padding-top:20px}
  .pm-stage{margin-top:64px}
  .pm-trace{top:-58px;height:52px}
  .pm-float{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin:0 0 12px}
  .pm-callout{display:none}
  .pm-module{gap:36px;padding-block:60px}
  .pm-price-hl{order:-1}
  .pm-cta{padding:34px 24px;gap:30px}
  .pm-persona-b{border-left:0;border-top:1px solid var(--pm-rand)}
  .pm-calc-out{border-left:0;padding-left:0;border-top:1px solid var(--pm-rand);padding-top:22px}
  .pm-faq-side{position:static}
  .pm-faq-grid{gap:24px}
  .pm-manifest{gap:36px}
  .pm-editor{grid-template-columns:minmax(0,1fr)}
  .pm-editor > div + div{border-left:0;border-top:1px solid var(--pm-rand)}
  .pm-meta-grid{grid-template-columns:1fr 1fr}
  .pm-admin-head .pm-wrap{flex-wrap:wrap;height:auto;padding-block:10px}
  .pm-admin-head nav{order:3;width:100%;margin-left:0;overflow-x:auto;padding-bottom:2px}
  .pm-admin-head nav a{white-space:nowrap}
  .pm-feature-post .pm-post-art{min-height:220px}
}
@container pm (max-width:560px){
  .pm-facts,.pm-bento,.pm-g4,.pm-posts,.pm-fields,.pm-foot-grid,.pm-before-after{grid-template-columns:minmax(0,1fr)}
  .pm-facts > div{border-right:0;border-bottom:1px solid var(--pm-rand)}
  .pm-facts > div:last-child{border-bottom:0}
  .pm-tile-w6{grid-column:span 1}
  .pm-form{padding:22px 18px}
  .pm-hero-cta .pm-btn,.pm-cta-btns .pm-btn{width:100%}
  .pm-lead{font-size:17px}
  .pm-consent-btns{grid-template-columns:minmax(0,1fr)}
  .pm-meta-grid{grid-template-columns:minmax(0,1fr)}
  .pm-admin-user span,.pm-admin-user a{display:none}
  .pm-persona-a,.pm-persona-b,.pm-story-side,.pm-story-body{padding:24px}
  .pm-addon{grid-template-columns:minmax(0,1fr)}
  .pm-tile{padding:22px}
  .pm-price{padding:26px}
}

/* ===== Fassung 3 ===== */
/* Navigation mit Plattform-Menü */
.pm-dd{position:relative;display:flex;align-items:center}
.pm-dd > a svg{width:11px;height:11px;margin-left:5px;vertical-align:0;transition:transform .15s}
.pm-dd:hover > a svg,.pm-dd:focus-within > a svg{transform:rotate(180deg)}
.pm-dd-p{display:none;position:absolute;top:100%;left:-16px;padding-top:12px;z-index:40}
.pm-dd:hover .pm-dd-p,.pm-dd:focus-within .pm-dd-p{display:block}
.pm-dd-in{background:var(--pm-weiss);border:1px solid var(--pm-rand);border-radius:16px;box-shadow:var(--pm-shadow-l);padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:600px}
.pm-nav .pm-dd-in a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:11px 12px;border-radius:12px;white-space:normal;align-items:start}
.pm-nav .pm-dd-in a:hover{background:var(--pm-flaeche)}
.pm-dd-in .pm-ico{width:36px;height:36px;border-radius:9px}
.pm-dd-in .pm-ico svg{width:19px;height:19px}
.pm-dd-in b{display:block;font-weight:600;color:var(--pm-tinte);font-size:14.5px;line-height:1.3}
.pm-dd-in small{display:block;color:var(--pm-grau);font-size:12.5px;line-height:1.4;font-weight:400;margin-top:2px}
.pm-dd-all{grid-column:1/-1;border-top:1px solid var(--pm-rand);margin-top:6px;padding-top:6px}
.pm-nav .pm-dd-all a{display:flex;gap:8px;font-weight:600;color:var(--pm-tiefblau);font-size:14px}

/* Unterseiten-Kopf mit überlappendem Bild */
.pm-phero-shot .pm-wrap{padding-bottom:170px}
.pm-overlap{margin-top:-130px;position:relative;z-index:2}
.pm-overlap .pm-shot{box-shadow:0 30px 80px rgba(15,27,38,.28)}

/* Bildschirmfoto als Beleg */
.pm-zoom{display:block;text-decoration:none;color:inherit}
.pm-zoom img{transition:opacity .15s}
.pm-zoom:hover img{opacity:.96}
.pm-cap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px}
.pm-cap .pm-note{max-width:70ch}
.pm-demo-tag{font-family:var(--pm-mono);font-size:10.5px;color:var(--pm-grau);border:1px solid var(--pm-rand);border-radius:999px;padding:1px 9px;white-space:nowrap;height:fit-content}
.pm-shot-tall{max-height:760px;overflow:hidden;position:relative}
.pm-shot-tall::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(255,255,255,0),#fff)}

/* Anatomie einer Seite: Bild mit Nummern + Legende */
.pm-anat{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:52px;align-items:start}
.pm-anat-fig{position:relative}
.pm-mk{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--pm-gold);color:var(--pm-nacht);font-family:var(--pm-mono);font-weight:500;font-size:13px;line-height:30px;text-align:center;box-shadow:0 0 0 6px rgba(253,206,4,.30),0 6px 14px rgba(15,27,38,.3);z-index:3}
/* Marker relativ zum Bild unter der 33 px hohen Adressleiste (Bild server-detail, ERP01) */
.pm-mk-s1{left:34%;top:calc(33px + (100% - 33px) * 0.0855)}.pm-mk-s2{left:88%;top:calc(33px + (100% - 33px) * 0.127)}.pm-mk-s3{left:15.6%;top:calc(33px + (100% - 33px) * 0.209)}.pm-mk-s4{left:30%;top:calc(33px + (100% - 33px) * 0.297)}.pm-mk-s5{left:96.5%;top:calc(33px + (100% - 33px) * 0.346)}.pm-mk-s6{left:96.5%;top:calc(33px + (100% - 33px) * 0.6)}
.pm-anat-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;position:sticky;top:96px}
.pm-anat-list li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--pm-rand)}
.pm-anat-list li:last-child{border-bottom:0}
.pm-anat-list li > span{width:28px;height:28px;border-radius:50%;background:var(--pm-gold);color:var(--pm-nacht);font-family:var(--pm-mono);font-size:12.5px;display:grid;place-items:center}
.pm-anat-list b{display:block;font-size:16px;margin-bottom:3px;color:var(--pm-tinte)}
.pm-anat-list p{margin:0;font-size:14.5px;color:var(--pm-schiefer);line-height:1.55}

/* Unterschied zum Markt */
.pm-diff{display:grid;gap:12px}
.pm-diff-head,.pm-diff-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.15fr);gap:0}
.pm-diff-head > span{font-family:var(--pm-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--pm-grau);padding:0 22px 4px}
.pm-diff-head > span:last-child{color:var(--pm-tiefblau)}
.pm-diff-row{border:1px solid var(--pm-rand);border-radius:14px;overflow:hidden;background:var(--pm-weiss)}
.pm-diff-row > div{padding:18px 22px;font-size:15px;line-height:1.55}
.pm-diff-row > div:first-child{font-weight:700;font-family:var(--pm-display-s);font-size:16px;color:var(--pm-tinte)}
.pm-diff-row > div:nth-child(2){color:var(--pm-grau);border-left:1px solid var(--pm-rand)}
.pm-diff-row > div:last-child{background:var(--pm-nacht);color:var(--pm-auf-nacht)}
.pm-diff-row > div:last-child b{color:var(--pm-weiss)}

/* In Entwicklung */
.pm-soon{border:1px dashed #c7d3de;border-radius:16px;padding:24px;background:var(--pm-weiss);display:flex;flex-direction:column;gap:10px;min-width:0}
.pm-soon .pm-pill{align-self:flex-start}
.pm-soon p{margin:0;color:var(--pm-schiefer);font-size:15px}
.pm-soon-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pm-soon-list li{border:1px dashed #c7d3de;border-radius:999px;padding:6px 14px;font-size:14px;color:var(--pm-schiefer);background:var(--pm-weiss)}

/* Video */
.pm-video{border-radius:14px;overflow:hidden;background:var(--pm-nacht);border:1px solid #273a4b;box-shadow:0 -10px 80px rgba(0,0,0,.45);position:relative}
.pm-video video{display:block;width:100%;height:auto;aspect-ratio:1440/900;background:var(--pm-nacht)}
.pm-video-still img{display:block;width:100%;height:auto}
.pm-video-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:var(--pm-nacht-2);border-top:1px solid var(--pm-nacht-line);font-size:13px;color:var(--pm-grau-hell);flex-wrap:wrap}
.pm-video-bar b{color:var(--pm-weiss);font-weight:600}

/* Bereichs-Kacheln mit Bild */
.pm-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pm-area{display:flex;flex-direction:column;border:1px solid var(--pm-rand);border-radius:18px;overflow:hidden;background:var(--pm-weiss);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;min-width:0}
.pm-root a.pm-area{color:inherit}
.pm-area:hover{border-color:var(--pm-signal);box-shadow:var(--pm-shadow);transform:translateY(-2px)}
.pm-area-img{aspect-ratio:16/10;overflow:hidden;background:var(--pm-flaeche);border-bottom:1px solid var(--pm-rand)}
.pm-area-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.pm-area-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.pm-area-body h3{font-family:var(--pm-display-s);font-size:19px;margin:0;line-height:1.25}
.pm-area-body p{margin:0;font-size:14.5px;color:var(--pm-schiefer)}
.pm-area-body .pm-card-more{padding-top:10px}
.pm-area-wide{grid-column:span 2}
.pm-area-wide .pm-area-img{aspect-ratio:16/7}

/* Mehrere Bilder nebeneinander */
.pm-shots2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pm-shots3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pm-mini .pm-shot-bar{height:24px}
.pm-mini .pm-shot-bar span{display:none}
.pm-mini .pm-shot{box-shadow:var(--pm-shadow)}
.pm-mini h3{margin-top:14px}

/* Grundsätze der KI */
.pm-nevers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--pm-nacht-line);border:1px solid var(--pm-nacht-line);border-radius:18px;overflow:hidden}
.pm-nevers > div{background:var(--pm-nacht-2);padding:26px 24px;display:flex;flex-direction:column;gap:8px}
.pm-nevers b{font-family:var(--pm-display);font-size:30px;line-height:1;color:var(--pm-gold);font-weight:700;letter-spacing:-.01em}
.pm-nevers h3{color:var(--pm-weiss);margin:6px 0 0;font-size:17px}
.pm-nevers p{margin:0;font-size:14.5px;color:var(--pm-auf-nacht)}
.pm-nevers-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pm-where{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pm-where > div{border:1px solid var(--pm-rand);border-radius:14px;padding:18px 20px;background:var(--pm-weiss)}
.pm-where b{display:block;font-size:15.5px;margin-bottom:4px}
.pm-where p{margin:0;font-size:14.5px;color:var(--pm-schiefer)}
.pm-api{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}

/* Praxis-Fälle */
.pm-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pm-case{border-radius:16px;overflow:hidden;border:1px solid var(--pm-rand);background:var(--pm-weiss);display:flex;flex-direction:column}
.pm-case > div{padding:20px 22px}
.pm-case > div:first-child{background:var(--pm-flaeche);border-bottom:1px solid var(--pm-rand)}
.pm-case .pm-label{display:block;margin-bottom:6px}
.pm-case h3{font-size:17px;margin:0 0 6px}
.pm-case p{margin:0;font-size:14.5px;color:var(--pm-schiefer)}
.pm-case > div:last-child{flex:1}
.pm-case > div:last-child .pm-label{color:var(--pm-tiefblau)}

@container pm (max-width:1080px){
  .pm-areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-nevers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-where,.pm-cases,.pm-shots3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-anat{grid-template-columns:minmax(0,1fr)}
  .pm-anat-list{position:static}
}
@container pm (max-width:860px){
  .pm-phero-shot .pm-wrap{padding-bottom:110px}
  .pm-overlap{margin-top:-80px}
  .pm-diff-head{display:none}
  .pm-diff-row{grid-template-columns:minmax(0,1fr)}
  .pm-diff-row > div:nth-child(2){border-left:0;border-top:1px solid var(--pm-rand)}
  .pm-shots2,.pm-api{grid-template-columns:minmax(0,1fr)}
  .pm-area-wide{grid-column:span 1}
  .pm-mk{width:24px;height:24px;line-height:24px;margin:-12px 0 0 -12px;font-size:11px}
}
@container pm (max-width:560px){
  .pm-areas,.pm-nevers,.pm-where,.pm-cases,.pm-shots3{grid-template-columns:minmax(0,1fr)}
  .pm-area-wide .pm-area-img{aspect-ratio:16/10}
}



/* ===== 2.0: Marke, Redaktion, neue Bausteine ===== */
.pm-foot-brand img{height:42px;width:auto;display:block;margin-bottom:18px}
.pm-claim{font-weight:800;letter-spacing:-.01em}
.pm-btn-pri{box-shadow:inset 0 -3px 0 var(--pm-gold)}
.pm-sec-nacht .pm-btn-pri,.pm-hero .pm-btn-pri,.pm-phero .pm-btn-pri{box-shadow:none}
.pm-preview-band{position:sticky;top:0;z-index:60;background:var(--pm-gold);color:var(--pm-nacht);text-align:center;font-size:14px;padding:8px 12px;font-weight:600}
.pm-req{color:var(--pm-krit-t);font-weight:700}
.pm-consent-check{background:var(--pm-flaeche);border:1px solid var(--pm-rand);border-radius:10px;padding:14px 16px}
.pm-consent-check:has(input[aria-invalid="true"]){border-color:#f0c9c4;background:var(--pm-krit-bg)}
.pm-check-l{display:flex!important;gap:12px;align-items:flex-start;font-weight:500!important;font-size:14.5px!important;line-height:1.5;cursor:pointer}
.pm-check-l input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--pm-nacht)}
.pm-input[aria-invalid="true"],.pm-textarea[aria-invalid="true"],.pm-select[aria-invalid="true"]{border-color:var(--pm-krit);background:#fffafa}
/* Fahrplan */
.pm-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pm-road{border:1px dashed #b9c6d1;border-radius:14px;padding:20px;background:var(--pm-weiss);display:flex;flex-direction:column;gap:8px}
.pm-road h3{margin:0;font-size:17px;font-weight:800}
.pm-road p{margin:0;font-size:14.5px;color:var(--pm-schiefer)}
.pm-sec-nacht .pm-road{background:var(--pm-nacht-2);border-color:var(--pm-nacht-line)}
.pm-sec-nacht .pm-road p{color:var(--pm-auf-nacht)}
.pm-sec-nacht .pm-road h3{color:var(--pm-weiss)}
.pm-new{display:inline-flex;align-items:center;gap:6px;background:var(--pm-gold);color:var(--pm-nacht);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;width:fit-content}
.pm-ver{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pm-grau)}
/* Redaktion */
.pm-body-admin .pm-root{background:var(--pm-flaeche)}
.pm-admin-tag{margin-left:12px;padding-left:12px;border-left:1px solid var(--pm-rand);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pm-grau)}
.pm-admin-head .pm-brand{display:flex;align-items:center}
.pm-wrap-wide{max-width:1480px}
.pm-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--pm-rand);margin-bottom:20px}
.pm-tabs a{text-decoration:none;color:var(--pm-schiefer);font-weight:600;font-size:14.5px;padding:10px 14px;border-radius:8px 8px 0 0}
.pm-tabs a:hover{background:var(--pm-weiss);color:var(--pm-tinte)}
.pm-tabs a[aria-current="page"]{background:var(--pm-weiss);color:var(--pm-tinte);box-shadow:inset 0 -3px 0 var(--pm-gold);border:1px solid var(--pm-rand);border-bottom-color:var(--pm-weiss);margin-bottom:-1px}
.pm-settings .pm-box{margin-bottom:22px}
.pm-mb24{margin-bottom:24px}
.pm-field-hint{margin:0;font-size:12.5px;color:var(--pm-grau);line-height:1.45}
.pm-field-err{margin:0;font-size:12.5px;color:var(--pm-krit-t);font-weight:600}
.pm-check{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;cursor:pointer}
.pm-check input{width:18px;height:18px;margin:0;accent-color:var(--pm-nacht)}
.pm-chkrow{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:4px}
.pm-span2{grid-column:span 2}.pm-span3{grid-column:span 3}
.pm-meta-2{grid-template-columns:2fr 1fr 1fr 1fr}
.pm-textarea-s{min-height:84px}
.pm-adv{border-top:1px solid var(--pm-rand)}
.pm-adv summary{cursor:pointer;padding:12px 18px;font-weight:600;font-size:14.5px}
.pm-adv[open] summary{border-bottom:1px dashed var(--pm-rand);margin-bottom:10px}
.pm-dd-tools{display:flex;gap:8px;flex-wrap:wrap}
.pm-revs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pm-revs form{justify-content:space-between;align-items:center}
.pm-topics td{vertical-align:top}
.pm-topics .pm-input{min-width:180px}
/* Übersicht */
.pm-ov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.pm-ov{background:var(--pm-weiss);border:1px solid var(--pm-rand);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--pm-tinte)!important;transition:border-color .15s,box-shadow .15s}
.pm-ov:hover{border-color:var(--pm-signal);box-shadow:var(--pm-shadow)}
.pm-ov p{margin:0;font-size:14px;color:var(--pm-schiefer);line-height:1.5;overflow-wrap:anywhere}
.pm-ov .pm-pill{width:fit-content}
.pm-ov-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.pm-todo{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14.5px}
/* Design */
.pm-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pm-logo-slot{display:grid;gap:12px;align-content:start}
.pm-logo-prev{height:120px;border:1px solid var(--pm-rand);border-radius:10px;display:grid;place-items:center;padding:18px;background:#fff repeating-conic-gradient(#f4f6f9 0 25%,#fff 0 50%) 0 0/16px 16px}
.pm-logo-prev-d{background:var(--pm-nacht)}
.pm-logo-prev img{max-height:84px;max-width:100%;width:auto;height:auto}
.pm-logo-prev-sq img{max-height:84px}
.pm-input-file{max-width:260px;padding:8px}
.pm-color{display:flex;gap:8px;align-items:center}
.pm-color input[type=color]{width:46px;height:42px;border:1px solid var(--pm-feld);border-radius:var(--pm-radius-s);padding:3px;background:#fff;flex:none}
.pm-swatch{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:6px 0}
.pm-swatch span{border-radius:8px;padding:10px 14px;font-weight:700;font-size:14px}
.pm-sw-d{background:var(--sw-d,var(--pm-nacht));color:#fff}
.pm-sw-a{background:var(--sw-a,var(--pm-gold));color:var(--sw-d,var(--pm-nacht))}
.pm-sw-btn{background:var(--sw-d,var(--pm-nacht));color:#fff;box-shadow:inset 0 -3px 0 var(--sw-a,var(--pm-gold))}
/* Seiten-Editor */
.pm-ed-head{border-bottom:1px solid var(--pm-rand);padding-bottom:12px;gap:12px}
.pm-seg-s{display:inline-flex;border:1px solid var(--pm-feld);border-radius:999px;padding:3px;gap:2px}
.pm-seg-s button{font:inherit;font-size:13.5px;font-weight:700;border:0;background:none;border-radius:999px;padding:6px 14px;cursor:pointer;color:var(--pm-schiefer)}
.pm-seg-s button[aria-selected="true"]{background:var(--pm-nacht);color:#fff}
.pm-ed-tools{display:flex;gap:6px;flex-wrap:wrap}
.pm-ed-hint{flex-basis:100%}
.pm-canvas{max-height:78vh;overflow:auto;outline:none;border-bottom:1px solid var(--pm-rand);position:relative}
.pm-canvas:focus-within{box-shadow:inset 0 0 0 2px var(--pm-gold)}
.pm-canvas [contenteditable="false"]{user-select:none}
.pm-code{display:block;width:100%;min-height:70vh;border:0;border-bottom:1px solid var(--pm-rand);padding:16px 18px;font-family:var(--pm-code);font-size:13px;line-height:1.6;color:var(--pm-tinte);background:#fbfcfd;resize:vertical;tab-size:2}
.pm-code:focus{outline:2px solid var(--pm-gold);outline-offset:-2px}
.pm-chip{display:inline-flex;flex-direction:column;gap:6px;align-items:flex-start;vertical-align:middle;background:var(--pm-gold-bg);border:2px dashed var(--pm-gold);border-radius:10px;padding:8px 10px;margin:4px 0;max-width:100%;font-family:var(--pm-font)}
.pm-chip b{font-size:12px;font-weight:700;color:var(--pm-gold-t);letter-spacing:.02em}
.pm-chip img{max-height:140px;width:auto;border-radius:6px;display:block}
.pm-tokens details summary{cursor:pointer;font-weight:600;font-size:14.5px}
.pm-tok-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pm-tok{font:inherit;font-size:12.5px;font-weight:600;border:1px solid var(--pm-feld);background:#fff;border-radius:6px;padding:5px 9px;cursor:pointer;color:var(--pm-tinte)}
.pm-tok:hover{border-color:var(--pm-nacht)}
.pm-tok-shots{max-height:300px;overflow:auto}
.pm-tok-img{display:inline-flex;flex-direction:column;gap:4px;align-items:center;padding:6px;width:120px}
.pm-tok-img img{width:96px;height:60px;object-fit:cover;object-position:top;border-radius:4px;border:1px solid var(--pm-rand)}
.pm-tok-img span{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container pm (max-width:1080px){
  .pm-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-logo-grid{grid-template-columns:minmax(0,1fr)}
  .pm-ov-2{grid-template-columns:minmax(0,1fr)}
}
@container pm (max-width:860px){
  .pm-span2,.pm-span3{grid-column:1/-1}
  .pm-meta-2{grid-template-columns:1fr 1fr}
}
@container pm (max-width:560px){
  .pm-roadmap{grid-template-columns:minmax(0,1fr)}
  .pm-admin-tag{display:none}
}

/* dunkle Flächen: Akzent statt Navy für Kicker, Links, Symbole */
.pm-hero,.pm-phero,.pm-sec-nacht,.pm-tile-nacht,.pm-cta,.pm-card-nacht,.pm-price-hl,.pm-foot,.pm-post-art{--pm-tiefblau:var(--pm-gold);--pm-tiefblau-h:var(--pm-gold-h);--pm-signal:var(--pm-gold);--pm-hellblau:rgba(255,255,255,.08)}
.pm-hero .pm-btn-pri,.pm-phero .pm-btn-pri,.pm-sec-nacht .pm-btn-pri,.pm-cta .pm-btn-pri,.pm-card-nacht .pm-btn-pri,.pm-price-hl .pm-btn-pri{background:var(--pm-gold);color:var(--pm-nacht)}
.pm-root .pm-hero a.pm-btn-pri,.pm-root .pm-phero a.pm-btn-pri,.pm-root .pm-sec-nacht a.pm-btn-pri,.pm-root .pm-cta a.pm-btn-pri{color:var(--pm-nacht)}
.pm-form2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px;align-items:start}
.pm-form2 > .pm-full,.pm-form2 > .pm-span2,.pm-form2 > .pm-span3,.pm-form2 > .pm-field.pm-full{grid-column:1/-1}
.pm-form3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pm-form3 > .pm-span2{grid-column:span 1}
.pm-admin-user a{white-space:nowrap}
@container pm (max-width:860px){.pm-form2,.pm-form3{grid-template-columns:minmax(0,1fr)}}

/* 2.1.0: Partner-Seite – Stufen mit Badge (Vorschlag), Badge als HTML, damit die Redaktion die Texte ändern kann */
.pm-tier{display:flex;flex-direction:column;gap:14px}
.pm-tier .pm-checks{margin:0;font-size:14.5px}
.pm-tier-req{font-size:14px;color:var(--pm-schiefer);margin:0}
.pm-pbadge{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;background:var(--pm-nacht);color:#fff;border-radius:12px;padding:10px 18px 10px 12px;box-shadow:var(--pm-shadow)}
.pm-pbadge img{width:30px;height:auto;flex:none}
.pm-pbadge b{display:block;font-size:13px;letter-spacing:.14em;line-height:1.2}
.pm-pbadge .pm-pbadge-l{display:block;color:var(--pm-gold);font-weight:700;font-size:13px;line-height:1.3}
.pm-pbadge small{display:block;color:var(--pm-auf-nacht);font-size:11px;line-height:1.3}
.pm-pbadge-expert{box-shadow:0 0 0 2px var(--pm-gold),0 0 0 5px var(--pm-nacht),var(--pm-shadow)}
.pm-pbadge-none{background:var(--pm-flaeche);color:var(--pm-tinte);box-shadow:none;border:1px dashed var(--pm-feld)}
.pm-pbadge-none .pm-pbadge-l{color:var(--pm-grau)}
.pm-pbadge-none small{color:var(--pm-grau)}

/* ===== 2.1.1: Kopf bis 1440 px, Menü „Über uns“, Kopf passt bei jeder Breite (Yahya, 09.10.2026) =====
   Stufen: 1) Menü enger (≤ 1240)  2) zweiter Knopf weg (≤ 1150)  3) Menü-Knopf (≤ 960). Gemessen am ausgelieferten Menü
   mit veröffentlichter Partnerseite: voll mit beiden Knöpfen 1207 px, eng mit beiden 1142 px, eng mit einem 943 px.
   Kommen in der Redaktion Menüpunkte dazu, setzt site.js dieselben Stufen als Klassen pm-fit1 / pm-fit2, sobald die
   Zeile nicht mehr passt – die Seite scrollt nie seitlich. */
.pm-head .pm-wrap{max-width:1440px}
.pm-nav{flex:none}
.pm-dd-sm .pm-dd-in{width:340px;grid-template-columns:minmax(0,1fr)}
/* Pfeil bei „Alle Bereiche im Überblick“ hatte keine Größe (300 × 150 px, seit 2.0.0) */
.pm-nav .pm-dd-all a{align-items:center}
.pm-nav .pm-dd-all svg{width:16px;height:16px;flex:none}
@container pm (max-width:1240px){
  .pm-head .pm-wrap{gap:14px}
  .pm-head .pm-nav > a,.pm-head .pm-dd > a{padding:8px 8px;font-size:14.5px}
}
@container pm (max-width:1150px){
  .pm-head .pm-head-cta .pm-btn-sec{display:none}
}
@container pm (max-width:960px){
  .pm-head .pm-nav,.pm-head .pm-head-cta{display:none}
  .pm-head .pm-menu-btn{display:block}
  .pm-head .pm-dd{flex-direction:column;align-items:stretch}
  .pm-head .pm-dd > a svg{display:none}
  .pm-head.pm-open .pm-nav{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:72px;left:0;right:0;background:var(--pm-weiss);border-bottom:1px solid var(--pm-rand);padding:8px 16px 16px;box-shadow:var(--pm-shadow)}
  .pm-head.pm-open .pm-nav a{padding:12px;border-radius:var(--pm-radius-s)}
  .pm-head.pm-open .pm-nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--pm-gold);background:var(--pm-hellblau)}
  .pm-head.pm-open .pm-dd-p{display:block;position:static;padding:0 0 4px 12px}
  .pm-head .pm-nav .pm-dd-in{width:auto;grid-template-columns:minmax(0,1fr);box-shadow:none;border:0;padding:0;border-left:2px solid var(--pm-rand);border-radius:0}
  .pm-head .pm-dd-in small,.pm-head .pm-dd-in .pm-ico,.pm-head .pm-dd-all{display:none}
  .pm-head .pm-nav .pm-dd-in a{grid-template-columns:minmax(0,1fr);padding:9px 12px}
  .pm-head .pm-nav .pm-dd-in a.pm-dd-self{display:none}
}
.pm-head.pm-fit1 .pm-wrap{gap:14px}
.pm-head.pm-fit1 .pm-nav > a,.pm-head.pm-fit1 .pm-dd > a{padding:8px 8px;font-size:14.5px}
.pm-head.pm-fit1 .pm-head-cta .pm-btn-sec{display:none}
.pm-head.pm-fit2 .pm-nav,.pm-head.pm-fit2 .pm-head-cta{display:none}
.pm-head.pm-fit2 .pm-menu-btn{display:block}
.pm-head.pm-fit2 .pm-dd{flex-direction:column;align-items:stretch}
.pm-head.pm-fit2 .pm-dd > a svg{display:none}
.pm-head.pm-fit2.pm-open .pm-nav{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:72px;left:0;right:0;background:var(--pm-weiss);border-bottom:1px solid var(--pm-rand);padding:8px 16px 16px;box-shadow:var(--pm-shadow)}
.pm-head.pm-fit2.pm-open .pm-nav a{padding:12px;border-radius:var(--pm-radius-s)}
.pm-head.pm-fit2.pm-open .pm-nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--pm-gold);background:var(--pm-hellblau)}
.pm-head.pm-fit2.pm-open .pm-dd-p{display:block;position:static;padding:0 0 4px 12px}
.pm-head.pm-fit2 .pm-nav .pm-dd-in{width:auto;grid-template-columns:minmax(0,1fr);box-shadow:none;border:0;padding:0;border-left:2px solid var(--pm-rand);border-radius:0}
.pm-head.pm-fit2 .pm-dd-in small,.pm-head.pm-fit2 .pm-dd-in .pm-ico,.pm-head.pm-fit2 .pm-dd-all{display:none}
.pm-head.pm-fit2 .pm-nav .pm-dd-in a{grid-template-columns:minmax(0,1fr);padding:9px 12px}
.pm-head.pm-fit2 .pm-nav .pm-dd-in a.pm-dd-self{display:none}

/* ===== 2.2.0: Blog mit Seitenleiste (Kategorien, Tags, Inhaltsverzeichnis), Beitragsbild, Tags (Yahya, 09.10.2026) ===== */
.pm-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.pm-blog-main{min-width:0}
.pm-blog-main .pm-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
.pm-blog-main .pm-cats{display:none}
.pm-article-wrap.pm-blog-layout{grid-template-columns:minmax(0,1fr) 280px;gap:64px;max-width:1160px}
.pm-article-wrap .pm-blog-side{align-self:stretch}
.pm-blog-side{display:flex;flex-direction:column;gap:18px;min-width:0}
.pm-side-box{border:1px solid var(--pm-rand);border-radius:16px;padding:18px 20px;background:var(--pm-weiss);margin:0}
.pm-side-h{margin:0 0 10px;font-family:var(--pm-mono);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pm-grau)}
.pm-side-list{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.pm-side-list li{display:flex;align-items:center;gap:10px;border-radius:8px}
.pm-side-list a{flex:1;min-width:0;color:var(--pm-tinte);text-decoration:none;padding:6px 0;font-weight:500;font-size:15px}
.pm-root .pm-side-list a:hover{color:var(--pm-tiefblau)}
.pm-root .pm-side-list a[aria-current="page"]{font-weight:700;box-shadow:inset 3px 0 0 var(--pm-gold);padding-left:10px}
.pm-count{font-family:var(--pm-mono);font-size:12px;color:var(--pm-grau);min-width:24px;text-align:right}
.pm-tags{display:flex;flex-wrap:wrap;gap:7px}
.pm-tag{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;line-height:1.3;padding:5px 11px;border-radius:999px;background:var(--pm-flaeche);border:1px solid var(--pm-rand);color:var(--pm-schiefer);text-decoration:none}
.pm-tag span{font-family:var(--pm-mono);font-size:11px;font-weight:500;color:var(--pm-grau)}
.pm-root a.pm-tag:hover{border-color:var(--pm-signal);color:var(--pm-tinte)}
.pm-root .pm-tag[aria-current="page"]{background:var(--pm-nacht);border-color:var(--pm-nacht);color:var(--pm-weiss)}
.pm-root .pm-tag[aria-current="page"] span{color:var(--pm-gold)}
.pm-side-rss{font-size:14px;padding:12px 20px}
/* Inhaltsverzeichnis als letzter Kasten: bleibt beim Lesen stehen, überdeckt nichts */
.pm-side-box.pm-article-toc{position:sticky;top:96px;border:1px solid var(--pm-rand);padding:18px 20px}
.pm-post-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:44px}
.pm-post-tags .pm-label{margin-right:4px}
.pm-blog-main > .pm-prose + .pm-post-tags + .pm-article-foot,.pm-blog-main > .pm-prose + .pm-article-foot{margin-top:40px}
/* Beitragsbild: im Kopf des Beitrags (überlappend wie bei den Seiten) und in den Karten */
.pm-post-cover{margin:0 auto;max-width:1160px;border-radius:18px;overflow:hidden;background:var(--pm-flaeche);box-shadow:0 30px 80px rgba(15,27,38,.28)}
.pm-post-cover img{display:block;width:100%;height:auto;max-height:600px;object-fit:cover}
.pm-post-art.pm-post-img{padding:0;background:var(--pm-flaeche)}
.pm-post-art.pm-post-img::before,.pm-post-art.pm-post-img::after{content:none}
.pm-post-art.pm-post-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* Bilder und Tabellen aus dem CKEditor */
.pm-prose figure.image{margin:32px 0}
.pm-prose figure.image img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--pm-rand)}
.pm-prose figure.image figcaption,.pm-prose figure.table figcaption{font-size:14px;color:var(--pm-grau);margin-top:10px;text-align:left}
.pm-prose figure.table{margin:28px 0;overflow-x:auto}
.pm-prose pre code[class*="language-"]{background:none;padding:0}
@container pm (max-width:1080px){
  .pm-blog-layout,.pm-article-wrap.pm-blog-layout{grid-template-columns:minmax(0,1fr);gap:40px}
  .pm-blog-main .pm-cats{display:flex}
  .pm-side-box.pm-article-toc{display:none}
  .pm-blog-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@container pm (max-width:700px){
  .pm-blog-main .pm-posts{grid-template-columns:minmax(0,1fr)}
  .pm-blog-side{grid-template-columns:minmax(0,1fr)}
}

/* ===== 2.2.0: Beitrags-Editor in der Redaktion (CKEditor 5, Bilder, Beitragsbild, Tags) ===== */
.pm-post-edit{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.pm-post-edit-main{min-width:0}
.pm-post-edit-side{position:sticky;top:16px;min-width:0}
.pm-post-edit .pm-meta-2{grid-template-columns:1fr 2fr}
.pm-known-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 18px 14px}
.pm-known-tags .pm-tag{cursor:pointer;font:inherit;font-size:13px;font-weight:600}
.pm-known-tags .pm-tag.is-on{background:var(--pm-nacht);border-color:var(--pm-nacht);color:var(--pm-weiss)}
.pm-alert-info{background:var(--pm-hellblau);color:var(--pm-tinte);border-color:var(--pm-rand)}
.pm-mb16{margin-bottom:16px}
.pm-btn-xs{padding:5px 9px;font-size:12.5px}
.pm-ed-source{width:100%;min-height:420px;font-family:var(--pm-code);font-size:13.5px}
.pm-post-edit.is-ck .pm-ed-source,.pm-post-edit.is-ck .pm-ed-fallback{display:none}
.pm-cover-pv img{display:block;width:100%;height:auto;max-height:220px;object-fit:cover;border-radius:8px;border:1px solid var(--pm-rand)}
.pm-imgpick-up{cursor:pointer;margin-right:8px}
.pm-imgpick{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:calc(100vh - 420px);min-height:160px;overflow:auto}
.pm-imgpick li{border:1px solid var(--pm-rand);border-radius:8px;overflow:hidden;background:var(--pm-flaeche);display:flex;flex-direction:column}
.pm-imgpick img{display:block;width:100%;height:96px;object-fit:cover}
.pm-imgpick-act{display:flex;flex-direction:column;gap:4px;padding:6px}
.pm-imgpick li.is-cover{outline:2px solid var(--pm-gold);outline-offset:-2px}
/* CKEditor: Schrift und Text wie auf der Website, Höhe zum Schreiben */
.pm-admin{--ck-font-face:var(--pm-font);--ck-border-radius:8px;--ck-color-focus-border:var(--pm-tiefblau)}
.pm-admin .ck-editor__editable_inline{min-height:460px;max-height:calc(100vh - 220px);padding:8px 22px}
.pm-admin .ck-content{font-family:var(--pm-font);font-size:16px;line-height:1.7;color:var(--pm-tinte)}
.pm-admin .ck-content h2{font-size:24px;font-weight:700;margin:28px 0 10px;line-height:1.25}
.pm-admin .ck-content h3{font-size:19px;font-weight:700;margin:22px 0 8px}
.pm-admin .ck-content figure.image img{border-radius:8px}
.pm-admin .ck-content blockquote{border-left:3px solid var(--pm-gold);margin-left:0;padding-left:16px;font-style:normal;color:var(--pm-schiefer)}
@container pm (max-width:1080px){
  .pm-post-edit{grid-template-columns:minmax(0,1fr)}
  .pm-post-edit-side{position:static}
  .pm-imgpick{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none}
}
.pm-blog-layout > .pm-blog-side{position:sticky;top:96px}
.pm-article-wrap.pm-blog-layout > .pm-blog-side{position:static}
.pm-admin .ck.ck-heading-dropdown .ck-dropdown__button .ck-button__label{width:11em}
@container pm (max-width:1080px){
  .pm-blog-layout > .pm-blog-side{position:static}
}

/* ===== 2.3.0: Countdown und Wartungsarbeiten – Vorschaltseite und Hinweisband (Yahya, 09.10.2026) ===== */
.pm-gate{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--pm-nacht);color:var(--pm-weiss);overflow:hidden;isolation:isolate}
.pm-gate::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,#000 30%,transparent 100%)}
.pm-gate-glow{position:absolute;z-index:-1;left:50%;top:38%;width:900px;height:900px;max-width:140vw;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(253,206,4,.13) 0%,rgba(253,206,4,.04) 35%,transparent 65%);pointer-events:none}
.pm-gate-wartung .pm-gate-glow{background:radial-gradient(circle,rgba(253,206,4,.10) 0%,rgba(58,81,104,.25) 40%,transparent 68%)}
.pm-gate-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px clamp(18px,4vw,48px)}
.pm-gate-logo img{display:block;height:36px;width:auto}
.pm-gate-status{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--pm-auf-nacht);border:1px solid var(--pm-nacht-line);background:rgba(255,255,255,.03);border-radius:999px;padding:7px 14px}
.pm-gate-status i{width:8px;height:8px;border-radius:50%;background:var(--pm-gold);box-shadow:0 0 0 0 rgba(253,206,4,.6);animation:pm-gate-ping 2s ease-out infinite}
.pm-gate-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px clamp(18px,4vw,48px) 16px;max-width:1040px;margin:0 auto;width:100%}
.pm-gate-kicker{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--pm-gold)}
.pm-gate-kicker::before,.pm-gate-kicker::after{content:"";width:28px;height:3px;border-radius:2px;background:var(--pm-gold)}
.pm-gate-h1{font-family:var(--pm-display);font-weight:800;font-size:clamp(34px,5.6vw,68px);line-height:1.05;letter-spacing:-.025em;margin:0 0 18px;max-width:16ch;text-wrap:balance}
.pm-gate-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:var(--pm-auf-nacht);max-width:58ch;margin:0 0 36px}
.pm-gate-clock{display:flex;align-items:flex-start;justify-content:center;gap:clamp(6px,1.4vw,18px);margin:0 0 28px}
.pm-gate-clock[hidden]{display:none}
.pm-gate-unit{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:clamp(68px,12vw,140px)}
.pm-gate-unit b{display:block;width:100%;font-family:var(--pm-display);font-weight:700;font-size:clamp(40px,7.4vw,92px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;padding:clamp(14px,2vw,24px) clamp(8px,1.4vw,18px);border-radius:clamp(12px,1.6vw,20px);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 50px rgba(0,0,0,.28);position:relative}
.pm-gate-unit b::after{content:"";position:absolute;left:10%;right:10%;bottom:-1px;height:2px;border-radius:2px;background:var(--pm-gold);opacity:.85}
.pm-gate-unit span{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pm-grau-hell)}
.pm-gate-sep{font-style:normal;font-family:var(--pm-display);font-weight:700;font-size:clamp(28px,5vw,64px);line-height:1;color:var(--pm-gold);opacity:.7;padding-top:clamp(18px,2.6vw,30px)}
.pm-gate-later{font-size:18px;font-weight:600;color:var(--pm-gold);max-width:52ch;margin:0 0 20px}
.pm-gate-when{font-size:15px;color:var(--pm-auf-nacht);margin:0 0 22px}
.pm-gate-prog{display:flex;align-items:center;gap:14px;width:min(520px,100%);margin:0 0 22px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pm-grau-hell)}
.pm-gate-prog progress{flex:1;height:8px;border:0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);-webkit-appearance:none;appearance:none}
.pm-gate-prog progress::-webkit-progress-bar{background:rgba(255,255,255,.08);border-radius:999px}
.pm-gate-prog progress::-webkit-progress-value{background:linear-gradient(90deg,#c9a300,var(--pm-gold));border-radius:999px;transition:width .6s}
.pm-gate-prog progress::-moz-progress-bar{background:linear-gradient(90deg,#c9a300,var(--pm-gold));border-radius:999px}
.pm-gate-contact{font-size:15px;color:var(--pm-auf-nacht);margin:0}
.pm-root .pm-gate a{color:var(--pm-weiss)}
.pm-root .pm-gate .pm-gate-contact a{color:var(--pm-gold)}
/* 2.3.1: Messlinie über die ganze Breite – fest gezeichnet, ein heller Puls läuft darüber (Maske statt Strichlänge,
   die bei breiten Bildschirmen nicht mehr reichte und die Linie abgeschnitten zeigte) */
.pm-gate-pulse{position:relative;width:100%;height:clamp(48px,6vw,90px);margin:auto 0 clamp(28px,5vh,64px)}   /* 2.4.0: Abstand zum Fuß */
.pm-gate-pulse svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.pm-gate-pulse path{fill:none;stroke:var(--pm-gold);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.pm-gate-pulse-base path{opacity:.4}
.pm-gate-pulse-run{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 60%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 60%,transparent 100%);-webkit-mask-size:22% 100%;mask-size:22% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:-30% 0;mask-position:-30% 0;animation:pm-gate-run 4.2s linear infinite;filter:drop-shadow(0 0 6px rgba(253,206,4,.75))}
.pm-gate-pulse-run path{stroke-width:2.6}
@keyframes pm-gate-run{0%{-webkit-mask-position:-30% 0;mask-position:-30% 0}100%{-webkit-mask-position:130% 0;mask-position:130% 0}}
.pm-gate-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;padding:14px clamp(18px,4vw,48px) 20px;font-size:13px;color:var(--pm-grau-hell);border-top:1px solid var(--pm-nacht-line)}
.pm-root .pm-gate-foot a{color:var(--pm-auf-nacht);text-decoration:none}
.pm-root .pm-gate-foot a:hover{color:var(--pm-gold)}
.pm-gate-unit b.is-tick{animation:pm-gate-tick .45s ease-out}
@keyframes pm-gate-ping{0%{box-shadow:0 0 0 0 rgba(253,206,4,.55)}80%,100%{box-shadow:0 0 0 10px rgba(253,206,4,0)}}
@keyframes pm-gate-tick{0%{transform:translateY(-4px);opacity:.55}100%{transform:none;opacity:1}}
/* 2.4.0: Bei „Bewegung reduzieren“ (Windows: Animationseffekte aus) läuft der Puls nicht über die Linie – die Zacke
   leuchtet stattdessen ruhig auf und ab, ohne Bewegung. Spezifischer als die allgemeine Regel .pm-root * (animation:none). */
@keyframes pm-gate-breathe{0%,100%{opacity:.2}50%{opacity:1}}

@container pm (max-width:560px){
  .pm-gate-sep{display:none}
  .pm-gate-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
  .pm-gate-unit{min-width:0}
  .pm-gate-unit span{font-size:10px;letter-spacing:.1em}
  .pm-gate-status{font-size:11px;padding:6px 11px}
  .pm-gate-logo img{height:28px}
}
/* Hinweisband über dem Menü */
.pm-band{background:var(--pm-nacht);color:var(--pm-auf-nacht);font-size:14px;border-bottom:1px solid var(--pm-nacht-line)}
.pm-band .pm-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding-block:9px}
.pm-band-k{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--pm-gold);letter-spacing:.04em}
.pm-band-k i{width:7px;height:7px;border-radius:50%;background:var(--pm-gold);animation:pm-gate-ping 2s ease-out infinite}
.pm-band-clock{font-weight:700;color:var(--pm-weiss);font-variant-numeric:tabular-nums;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:2px 11px}
.pm-band-links{display:inline-flex;gap:14px;margin-left:auto}
.pm-root .pm-band a{color:var(--pm-gold)}
.pm-band-redaktion{background:var(--pm-gold-bg);color:var(--pm-gold-t);border-bottom-color:#f1dc7a}
.pm-band-redaktion .pm-band-k{color:var(--pm-gold-t)}
.pm-band-redaktion .pm-band-k i{background:var(--pm-gold-t)}
.pm-band-redaktion .pm-band-clock{color:var(--pm-gold-t);background:rgba(95,75,0,.08);border-color:rgba(95,75,0,.18)}
.pm-root .pm-band-redaktion a{color:var(--pm-gold-t);font-weight:600}

/* Redaktion › Countdown & Wartung: Umschalter als Karten */
.pm-cd-set{border:0;margin:0 0 16px;padding:0;min-width:0}
.pm-cd-set legend{margin-bottom:10px;padding:0}
.pm-cd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pm-cd-cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pm-cd-card{display:block;cursor:pointer;position:relative}
.pm-cd-card input{position:absolute;opacity:0;pointer-events:none}
.pm-cd-card-in{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:start;height:100%;padding:14px 16px;border:1.5px solid var(--pm-feld);border-radius:12px;background:var(--pm-weiss);transition:border-color .15s,box-shadow .15s,background .15s}
.pm-cd-card-in .pm-ico{grid-row:1 / span 2;width:40px;height:40px;border-radius:10px;background:var(--pm-flaeche);display:flex;align-items:center;justify-content:center;color:var(--pm-tinte)}
.pm-cd-card-in .pm-ico svg{width:20px;height:20px}
.pm-cd-card-in b{font-size:15px;color:var(--pm-tinte)}
.pm-cd-card-in small{font-size:13px;line-height:1.45;color:var(--pm-grau)}
.pm-cd-card:hover .pm-cd-card-in{border-color:var(--pm-signal)}
.pm-cd-card input:checked + .pm-cd-card-in{border-color:var(--pm-nacht);box-shadow:inset 0 0 0 1px var(--pm-nacht),0 6px 18px rgba(15,27,38,.08);background:linear-gradient(180deg,#fff,var(--pm-flaeche))}
.pm-cd-card input:checked + .pm-cd-card-in .pm-ico{background:var(--pm-nacht);color:var(--pm-gold)}
.pm-cd-card input:focus-visible + .pm-cd-card-in{outline:2px solid var(--pm-gold);outline-offset:2px}
@container pm (max-width:860px){ .pm-cd-cards,.pm-cd-cards-2{grid-template-columns:minmax(0,1fr)} }

/* ===== 2.3.1: Einwilligungsfenster – mittig mit weich abgedunkeltem Hintergrund oder unten rechts (Yahya, 09.10.2026) =====
   Beide Knöpfe gleich groß und gleich auffällig: Ablehnen muss so leicht sein wie Zustimmen. */
.pm-consent[hidden]{display:none}
.pm-consent-card{background:var(--pm-weiss);color:var(--pm-tinte);border:1px solid var(--pm-rand);border-radius:20px;box-shadow:0 30px 80px rgba(9,16,23,.35);padding:28px 28px 20px;width:100%;max-width:560px;position:relative;overflow:hidden}
.pm-consent-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--pm-nacht) 0 70%,var(--pm-gold) 70% 100%)}
.pm-consent-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pm-grau)}
.pm-consent-head img{display:block}
.pm-consent h2{font-family:var(--pm-display);font-size:22px;line-height:1.25;letter-spacing:-.01em;margin:0 0 10px}
.pm-consent p{margin:0 0 14px;font-size:14.5px;color:var(--pm-schiefer);line-height:1.6}
.pm-consent-facts{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px}
.pm-consent-facts li{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--pm-tinte);background:var(--pm-flaeche);border:1px solid var(--pm-rand);border-radius:999px;padding:5px 11px 5px 9px}
.pm-consent-facts li::before{content:"";width:14px;height:14px;flex:none;border-radius:50%;background:var(--pm-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2 6 9.5l4.5-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.pm-consent-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pm-consent-btns .pm-btn{width:100%;padding:14px 18px;font-size:15px}
.pm-consent-card:focus{outline:none}   /* bekommt beim Öffnen den Fokus (ohne Ring, siehe :focus-visible oben) */
.pm-consent-links{display:flex;justify-content:center;gap:18px;margin:14px 0 0 !important;font-size:13px !important}
.pm-root .pm-consent-links a{color:var(--pm-grau)}
.pm-root .pm-consent-links a:hover{color:var(--pm-tinte)}
/* mittig: weiche dunkle Wand. margin:auto statt align-items:center – bei wenig Höhe (Handy quer) bleibt das Fenster
   scrollbar und die Knöpfe erreichbar. */
.pm-consent[data-mode="mitte"]{position:fixed;inset:0;z-index:90;display:flex;overflow-y:auto;overscroll-behavior:contain;padding:20px;background:rgba(9,16,23,.58);-webkit-backdrop-filter:blur(8px) saturate(.85);backdrop-filter:blur(8px) saturate(.85);animation:pm-consent-wall .35s ease-out}
.pm-consent[data-mode="mitte"][hidden]{display:none}
.pm-consent[data-mode="mitte"] .pm-consent-card{margin:auto;animation:pm-consent-card .4s cubic-bezier(.2,.8,.2,1)}
html.pm-noscroll{overflow:hidden}
/* unten rechts: kleines Fenster, Seite bleibt bedienbar */
.pm-consent[data-mode="ecke"]{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;max-width:520px;margin-left:auto}
.pm-consent[data-mode="ecke"] .pm-consent-card{padding:22px 22px 16px;box-shadow:var(--pm-shadow-l);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}
.pm-consent[data-mode="ecke"] h2{font-size:18px}
@keyframes pm-consent-wall{from{opacity:0}to{opacity:1}}
@keyframes pm-consent-card{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

@container pm (max-width:560px){
  .pm-consent-card{padding:22px 18px 14px;border-radius:16px}
  .pm-consent h2{font-size:19px}
  .pm-consent-btns{grid-template-columns:minmax(0,1fr)}
  .pm-consent[data-mode="mitte"]{padding:12px}
  .pm-consent[data-mode="mitte"] .pm-consent-card{margin:auto auto 0}
}
/* ===== 2.4.0 (Yahya, 09.10.2026): Symbol-Kacheln, „Vorfall → Heute“, Mega-Menü „Plattform“, Leitstand, Partnerseite ===== */
/* Symbol-Kacheln: Navy mit gelbem Symbol. Bis 2.3.1 Hellgrau auf Weiß – auf den Karten kaum zu erkennen. */
.pm-ico{width:44px;height:44px;border-radius:12px;background:var(--pm-nacht);color:var(--pm-gold);box-shadow:0 6px 16px rgba(15,27,38,.16)}
.pm-ico svg{width:22px;height:22px}
.pm-sec-nacht .pm-ico,.pm-card-nacht .pm-ico,.pm-hero .pm-ico,.pm-mega-side .pm-ico{background:rgba(253,206,4,.12);color:var(--pm-gold);box-shadow:inset 0 0 0 1px rgba(253,206,4,.35)}
.pm-dd-in .pm-ico{width:38px;height:38px;border-radius:10px;box-shadow:none;transition:background .15s,color .15s}
.pm-dd-in .pm-ico svg{width:19px;height:19px}
.pm-nav .pm-dd-in a:hover .pm-ico,.pm-nav .pm-dd-in a:focus-visible .pm-ico{background:var(--pm-gold);color:var(--pm-nacht)}

/* „Vorfall → Heute“: Vorfall rot getönt mit Warnzeichen, Heute weiß mit Haken, dazwischen ein Pfeil; Karte hebt sich
   mit Schatten vom grauen Abschnitt ab (bis 2.3.1 Grau auf Grau) */
.pm-case{box-shadow:0 14px 34px rgba(15,27,38,.09)}
.pm-case > div:first-child{background:#fdf0ee;border-bottom:1px solid #f3d1cb}
.pm-case > div:last-child{position:relative;padding-top:28px;background:var(--pm-weiss)}
.pm-case > div:last-child::before{content:"";position:absolute;top:-15px;left:22px;width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 4px var(--pm-weiss);background:var(--pm-nacht) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fdce04' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/15px no-repeat}
.pm-case .pm-label{display:inline-flex !important;align-items:center;gap:7px}
.pm-case .pm-label::before{content:"";width:15px;height:15px;flex:none;background:center/contain no-repeat}
.pm-case > div:first-child .pm-label{color:var(--pm-krit-t)}
.pm-case > div:first-child .pm-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b3261e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20h20L12 3z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E")}
.pm-case > div:last-child .pm-label{color:var(--pm-ok-t)}
.pm-case > div:last-child .pm-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007a43' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M7.5 12.3l3 3 6-6.3'/%3E%3C/svg%3E")}
.pm-case > div:last-child p{color:var(--pm-tinte)}

/* Mega-Menü „Plattform“: das Feld richtet sich am Kopf aus (immer im Bild), links eine dunkle Spalte mit dem Weg zur
   Übersicht, rechts die Bereiche in zwei Spalten. Ein unsichtbarer Steg unter dem Menüpunkt hält das Feld offen. */
.pm-dd-mega{position:static}
.pm-dd-mega > a{position:relative}
.pm-dd-mega > a::after{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:30px}
.pm-dd-mega .pm-dd-p{left:50%;top:100%;padding-top:10px;width:min(1000px,calc(100% - 32px));transform:translateX(-50%);animation:pm-mega-in .18s ease-out}
@keyframes pm-mega-in{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
.pm-dd-mega .pm-dd-in{width:auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;padding:0;overflow:hidden;border-radius:20px;border-color:var(--pm-rand)}
.pm-mega-side{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 26px 30px;background:var(--pm-nacht);color:var(--pm-auf-nacht);overflow:hidden}
.pm-mega-side::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;opacity:.55;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 64' preserveAspectRatio='none'%3E%3Cpath d='M0 44 H96 L108 18 L122 58 L132 34 H200 L210 28 L220 40 H280' fill='none' stroke='%23fdce04' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.pm-mega-k{font-family:var(--pm-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--pm-gold)}
.pm-dd-in b.pm-mega-t,.pm-mega-t{display:block;font-family:var(--pm-display);font-size:20px;line-height:1.28;font-weight:700;color:var(--pm-weiss);letter-spacing:-.01em}
.pm-dd-in .pm-mega-side p,.pm-mega-side p{margin:0;font-size:13.5px;line-height:1.55;color:var(--pm-auf-nacht)}
.pm-nav .pm-mega-side a.pm-mega-all{margin:6px 0 46px;display:inline-flex;align-items:center;gap:8px;padding:0;border-radius:0;font-size:14px;font-weight:700;color:var(--pm-gold);white-space:normal;background:none}
.pm-nav .pm-mega-side a.pm-mega-all:hover{color:var(--pm-weiss);background:none}
.pm-nav .pm-mega-all svg{width:16px;height:16px;flex:none;transition:transform .15s}
.pm-nav .pm-mega-all:hover svg{transform:translateX(3px)}
.pm-mega-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:16px;align-content:start}
.pm-nav .pm-mega-items a{grid-template-columns:38px minmax(0,1fr);gap:13px;padding:12px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px transparent;transition:background .15s,box-shadow .15s}
.pm-nav .pm-mega-items a:hover,.pm-nav .pm-mega-items a:focus-visible{background:var(--pm-flaeche);box-shadow:inset 0 0 0 1px var(--pm-rand)}
.pm-nav .pm-mega-items a[aria-current="page"]{background:var(--pm-gold-bg)}
.pm-dd-badge{display:inline-block;margin-left:6px;padding:2px 7px 1px;border-radius:999px;background:var(--pm-gold);color:var(--pm-nacht);font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;vertical-align:2px}
@container pm (max-width:1100px){
  .pm-dd-mega .pm-dd-in{grid-template-columns:230px minmax(0,1fr)}
  .pm-mega-side{padding:24px 20px}
}
@container pm (max-width:960px){
  .pm-head .pm-dd-mega > a::after{display:none}
  .pm-head .pm-dd-mega .pm-dd-p{transform:none;width:auto;animation:none}
  .pm-head .pm-dd-mega .pm-dd-in{display:block;overflow:visible;border-radius:0}
  .pm-head .pm-mega-side{display:none}
  .pm-head .pm-mega-items{display:block;padding:0}
  .pm-head .pm-nav .pm-mega-items a{box-shadow:none}
}
.pm-head.pm-fit2 .pm-dd-mega > a::after{display:none}
.pm-head.pm-fit2 .pm-dd-mega .pm-dd-p{transform:none;width:auto;animation:none}
.pm-head.pm-fit2 .pm-dd-mega .pm-dd-in{display:block;overflow:visible;border-radius:0}
.pm-head.pm-fit2 .pm-mega-side{display:none}
.pm-head.pm-fit2 .pm-mega-items{display:block;padding:0}
.pm-head.pm-fit2 .pm-nav .pm-mega-items a{box-shadow:none}

/* Schmales Bild (z. B. ein Kasten aus dem Portal) im Modul nicht auf Spaltenbreite aufblasen */
.pm-shot-s{width:100%;max-width:470px;justify-self:center}

/* Partnerseite: Zusatzverdienst und Beispiele */
.pm-earn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pm-earn-i{display:flex;flex-direction:column;gap:8px;padding:22px 20px;border-radius:16px;background:var(--pm-nacht-2);border:1px solid var(--pm-nacht-line)}
.pm-earn-k{align-self:flex-start;font-family:var(--pm-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--pm-nacht);background:var(--pm-gold);border-radius:999px;padding:3px 9px}
.pm-earn-i h3{margin:4px 0 0;font-size:16.5px;line-height:1.3;color:var(--pm-weiss)}
.pm-earn-i p{margin:0;font-size:14px;line-height:1.55;color:var(--pm-auf-nacht)}
.pm-earn-note{margin:26px 0 0;font-size:14.5px;color:var(--pm-auf-nacht);max-width:760px}
.pm-xmpl-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pm-xmpl{display:flex;flex-direction:column;border:1px solid var(--pm-rand);border-radius:18px;background:var(--pm-weiss);box-shadow:var(--pm-shadow);overflow:hidden}
.pm-xmpl header{display:flex;gap:14px;align-items:center;padding:22px 22px 18px;border-bottom:1px solid var(--pm-rand)}
.pm-xmpl header .pm-label{display:block}
.pm-xmpl h3{margin:2px 0 0;font-size:17px;line-height:1.3}
.pm-xmpl dl{margin:0;padding:6px 22px 0;display:flex;flex-direction:column;flex:1}
.pm-xmpl dt{margin-top:14px;font-family:var(--pm-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--pm-grau)}
.pm-xmpl dd{margin:4px 0 0;font-size:14.5px;line-height:1.6;color:var(--pm-schiefer)}
.pm-xmpl dt:last-of-type{margin:auto -22px 0;padding:16px 22px 0;background:var(--pm-gold-bg);color:var(--pm-gold-t);border-top:1px solid #f5e3a0}
.pm-xmpl dd:last-of-type{margin:0 -22px;padding:4px 22px 20px;background:var(--pm-gold-bg);color:var(--pm-tinte);font-weight:600}
@container pm (max-width:1100px){ .pm-earn{grid-template-columns:repeat(2,minmax(0,1fr))} .pm-xmpl-list{grid-template-columns:minmax(0,1fr)} }
@container pm (max-width:560px){ .pm-earn{grid-template-columns:minmax(0,1fr)} }
.pm-checks.pm-promise{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin-bottom:0}
@container pm (max-width:760px){ .pm-checks.pm-promise{grid-template-columns:minmax(0,1fr)} }
.pm-card-nacht .pm-label{color:var(--pm-gold)}

/* =====================================================================================================================
   AiDOING 1.0.0 – Designschicht (Yahya, 09.10.2026): dunkles KI-Design auf Basis der gemeinsamen Bausteine.
   Farben aus dem Logo (Hellblau #5aacdc, Blau #2e59a6), Nachtblau-Flächen mit weichem Leuchten, Glas-Karten, Verläufe.
   Alle Farben laufen über Variablen – Redaktion › Design setzt --pm-nacht und --pm-gold, die Schicht folgt ihnen.
   Bewegung (Netz im Kopfbereich, Laufband, schwebende Hinweise) ruht bei „Bewegung reduzieren“ (Regel weiter oben).
   ===================================================================================================================== */
:root{
  --ad-ink:#050a14; --ad-night:var(--pm-nacht); --ad-night-2:#0b1527; --ad-night-3:#101d36;
  --ad-line:rgba(140,180,235,.14); --ad-line-2:rgba(140,180,235,.26);
  --ad-sky:var(--pm-gold); --ad-sky-2:#8fd0f5; --ad-blau:#2e59a6; --ad-blau-t:#22589f; --ad-indigo:#5b6cf0; --ad-cyan:#5fd4f4;
  --ad-on-dark:#c2cfe1; --ad-on-dark-2:#9fb0c8; --ad-on-dark-3:#71839d;
  --ad-grad:linear-gradient(100deg,#b4e2fb 0%,var(--ad-sky) 36%,#5f92f0 70%,#8a87f7 100%);
  --ad-grad-hell:linear-gradient(100deg,#2b8bd0 0%,#2e59a6 55%,#4a4fcf 100%);
  --ad-grad-btn:linear-gradient(120deg,#5cb5e8 0%,#3a86d6 46%,#2e59a6 100%);
  --ad-glow:0 0 0 1px rgba(90,172,220,.38),0 18px 50px -14px rgba(58,134,214,.6);
  --ad-r:20px;
}
body.pm-body,.pm-root{font-feature-settings:'kern','calt';font-optical-sizing:auto}
.pm-root ::selection{background:rgba(90,172,220,.35)}

/* Schwarz-Rot-Gold behält sein Gold, auch wenn der Akzent Blau ist */
.pm-de i:nth-child(3),.pm-foot-de i:nth-child(3){background:var(--pm-de-gold)}

/* Typo */
.pm-h1{font-weight:750;letter-spacing:-.04em;line-height:1.04}
.pm-h2{font-weight:720;letter-spacing:-.032em;line-height:1.1;font-size:clamp(28px,3.4vw,44px)}
.pm-h3{font-weight:650;letter-spacing:-.015em}
.pm-lead{color:var(--pm-schiefer)}
.pm-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--ad-blau-t);gap:12px}
.pm-eyebrow::before{width:26px;height:2px;border-radius:2px;background:var(--ad-grad)}
.pm-sec-nacht .pm-eyebrow,.pm-phero .pm-eyebrow,.ad-hero .pm-eyebrow,.ad-cta .pm-eyebrow{color:var(--ad-sky)}
.pm-root a{color:var(--ad-blau-t);text-decoration-color:rgba(34,88,159,.3)}
.pm-root a:hover{color:var(--pm-tiefblau-h);text-decoration-color:var(--ad-sky)}
.pm-root :focus-visible:not(.pm-consent-card){outline:3px solid var(--ad-sky);box-shadow:0 0 0 5px var(--pm-nacht)}
.ad-grad{background:var(--ad-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ad-sec-light .ad-grad,.ad-sec-tint .ad-grad{background-image:var(--ad-grad-hell)}
.pm-phero .pm-h1 em,.pm-hero .pm-h1 em,.pm-sec-nacht .pm-h2 em{font-style:normal;background:var(--ad-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pm-mark{background:linear-gradient(transparent 62%,rgba(90,172,220,.35) 62%)}
.pm-sec-nacht a:not(.pm-btn){color:var(--ad-sky-2)}

/* Knöpfe: Verlauf mit Leuchten, Glas auf Dunkel */
.pm-btn{border-radius:12px;font-weight:650;letter-spacing:-.005em;transition:background-color .15s,border-color .15s,box-shadow .2s,transform .2s,filter .2s}
.pm-btn-gold,.pm-btn-pri{background:var(--ad-grad-btn);color:#fff;border-color:transparent;box-shadow:0 10px 30px -12px rgba(58,134,214,.85),inset 0 1px 0 rgba(255,255,255,.28)}
.pm-root a.pm-btn-gold,.pm-root a.pm-btn-gold:hover,.pm-root a.pm-btn-pri,.pm-root a.pm-btn-pri:hover{color:#fff}
.pm-btn-gold:hover,.pm-btn-pri:hover{background:var(--ad-grad-btn);filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 16px 40px -12px rgba(58,134,214,.95),inset 0 1px 0 rgba(255,255,255,.3)}
.pm-btn-geist{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.2);backdrop-filter:blur(6px)}
.pm-btn-geist:hover{border-color:var(--ad-sky);background:rgba(90,172,220,.1)}
.ad-sec-light .pm-btn-geist,.ad-sec-tint .pm-btn-geist{background:#fff;color:var(--pm-tinte);border-color:var(--pm-feld)}
.pm-root .ad-sec-light a.pm-btn-geist,.pm-root .ad-sec-tint a.pm-btn-geist{color:var(--pm-tinte)}
.pm-btn-sec{border-color:var(--pm-feld)}
.pm-btn-sec:hover{border-color:var(--ad-sky);box-shadow:0 6px 18px -10px rgba(34,88,159,.5)}

/* Kopf: dunkles Glas */
.pm-head{background:rgba(7,13,26,.95);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--ad-line)}
.pm-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(90,172,220,.55),rgba(91,108,240,.45),transparent);opacity:.7;pointer-events:none}
.pm-head .pm-wrap{height:76px}
.pm-brand img,.pm-brand svg{height:40px}
.pm-nav a{color:#c6d3e6;font-weight:550;border-radius:10px}
.pm-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.pm-nav > a[aria-current="page"],.pm-nav .pm-dd > a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--ad-sky);border-radius:0}
.pm-head .pm-btn-sec{background:rgba(255,255,255,.06);color:#fff;border-color:var(--ad-line-2)}
.pm-root .pm-head a.pm-btn-sec{color:#fff}
.pm-head .pm-btn-sec:hover{border-color:var(--ad-sky);background:rgba(90,172,220,.1)}
.pm-menu-btn{border-color:var(--ad-line-2);color:#fff;border-radius:10px}
/* Menüs: dunkle Glasflächen */
.pm-dd-in{background:rgba(10,18,34,.97);border-color:var(--ad-line-2);box-shadow:0 30px 80px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.02) inset}
.pm-dd-in b{color:#fff}
.pm-dd-in small{color:var(--ad-on-dark-2)}
.pm-nav .pm-dd-in a:hover{background:rgba(255,255,255,.05)}
.pm-dd-in .pm-ico,.pm-mega-side .pm-ico{background:rgba(90,172,220,.12);color:var(--ad-sky);box-shadow:inset 0 0 0 1px rgba(90,172,220,.3)}
.pm-nav .pm-dd-in a:hover .pm-ico,.pm-nav .pm-dd-in a:focus-visible .pm-ico{background:var(--ad-grad-btn);color:#fff;box-shadow:0 8px 20px -8px rgba(58,134,214,.8)}
.pm-dd-mega .pm-dd-in{border-color:var(--ad-line-2)}
.pm-mega-side{background:radial-gradient(320px 220px at 0% 0%,rgba(90,172,220,.28),transparent 70%),radial-gradient(300px 200px at 100% 100%,rgba(91,108,240,.28),transparent 70%),linear-gradient(160deg,#0f1f3b,#080f1f)}
.pm-mega-side::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 64' preserveAspectRatio='xMidYMax slice'%3E%3Cg stroke='%235aacdc' stroke-width='.9' stroke-opacity='.55'%3E%3Cline x1='14' y1='46' x2='52' y2='22'/%3E%3Cline x1='52' y1='22' x2='88' y2='50'/%3E%3Cline x1='88' y1='50' x2='126' y2='30'/%3E%3Cline x1='126' y1='30' x2='160' y2='54'/%3E%3Cline x1='160' y1='54' x2='232' y2='44'/%3E%3Cline x1='126' y1='30' x2='196' y2='20'/%3E%3Cline x1='196' y1='20' x2='232' y2='44'/%3E%3Cline x1='232' y1='44' x2='268' y2='28'/%3E%3Cline x1='88' y1='50' x2='70' y2='58'/%3E%3Cline x1='70' y1='58' x2='14' y2='46'/%3E%3Cline x1='160' y1='54' x2='214' y2='58'/%3E%3Cline x1='214' y1='58' x2='232' y2='44'/%3E%3Cline x1='52' y1='22' x2='126' y2='30'/%3E%3Cline x1='196' y1='20' x2='268' y2='28'/%3E%3C/g%3E%3Cg fill='%235aacdc'%3E%3Ccircle cx='14' cy='46' r='1.8'/%3E%3Ccircle cx='52' cy='22' r='2.6'/%3E%3Ccircle cx='88' cy='50' r='1.8'/%3E%3Ccircle cx='126' cy='30' r='2.6'/%3E%3Ccircle cx='160' cy='54' r='1.8'/%3E%3Ccircle cx='196' cy='20' r='2.6'/%3E%3Ccircle cx='232' cy='44' r='1.8'/%3E%3Ccircle cx='268' cy='28' r='1.8'/%3E%3Ccircle cx='70' cy='58' r='1.8'/%3E%3Ccircle cx='214' cy='58' r='1.8'/%3E%3C/g%3E%3C/svg%3E") bottom/100% 100% no-repeat;opacity:.7}
.pm-mega-k{color:var(--ad-sky)}
.pm-nav .pm-mega-side a.pm-mega-all{color:var(--ad-sky-2)}
.pm-nav .pm-mega-items a:hover,.pm-nav .pm-mega-items a:focus-visible{background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px var(--ad-line)}
.pm-nav .pm-mega-items a[aria-current="page"]{background:rgba(90,172,220,.12)}
.pm-dd-badge{background:var(--ad-grad-btn);color:#fff}
.pm-dd-all{border-top-color:var(--ad-line)}
.pm-nav .pm-dd-all a{color:var(--ad-sky)}
@container pm (max-width:960px){
  .pm-head.pm-open .pm-nav{top:76px;background:var(--pm-nacht);max-height:calc(100vh - 76px);overflow-y:auto;border-bottom:1px solid var(--ad-line);box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
  .pm-head.pm-open .pm-nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--ad-sky);background:rgba(255,255,255,.05)}
  .pm-head .pm-nav .pm-dd-in{background:transparent;border-left:2px solid var(--ad-line-2)}
}
.pm-head.pm-fit2.pm-open .pm-nav{top:76px;background:var(--pm-nacht);max-height:calc(100vh - 76px);overflow-y:auto;border-bottom:1px solid var(--ad-line);box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.pm-head.pm-fit2.pm-open .pm-nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--ad-sky);background:rgba(255,255,255,.05)}
.pm-head.pm-fit2 .pm-nav .pm-dd-in{background:transparent;border-left:2px solid var(--ad-line-2)}

/* Abschnitte */
.pm-sec{padding-block:112px}
.pm-sec-s{padding-block:72px}
.ad-sec-light{background:#fff;position:relative}
.ad-sec-tint{background:radial-gradient(900px 420px at 100% 0%,rgba(90,172,220,.10),transparent 70%),radial-gradient(700px 400px at 0% 100%,rgba(91,108,240,.07),transparent 70%),var(--pm-flaeche);position:relative}
.pm-sec-nacht,.pm-phero,.pm-hero{background:radial-gradient(1100px 560px at 88% -8%,rgba(91,108,240,.20),transparent 62%),radial-gradient(900px 520px at -5% 108%,rgba(90,172,220,.16),transparent 62%),var(--pm-nacht);color:var(--ad-on-dark)}
.pm-sec-nacht .pm-lead,.pm-sec-nacht .pm-body-text{color:var(--ad-on-dark)}
.ad-sec-glow::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(150,190,240,.16) 1px,transparent 1.2px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);pointer-events:none}
.ad-sec-glow > .pm-wrap{position:relative;z-index:1}
.pm-sec-head{margin-bottom:56px}
.ad-center{justify-content:center}
.pm-grid-bg::before{background-image:radial-gradient(rgba(150,190,240,.14) 1px,transparent 1.2px);background-size:30px 30px}

/* Netz aus Punkten und Linien (Canvas aus site.js), wie die Bildmarke */
.ad-neural{position:absolute;inset:0;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 65% 40%,#000 35%,transparent 85%);mask-image:radial-gradient(ellipse 85% 75% at 65% 40%,#000 35%,transparent 85%)}
.ad-neural canvas{display:block;width:100%;height:100%}
.pm-phero .ad-neural{opacity:.7}

/* Held der Startseite */
.ad-hero{position:relative;overflow:hidden;color:var(--ad-on-dark);background:radial-gradient(1000px 640px at 78% 18%,rgba(58,134,214,.30),transparent 62%),radial-gradient(760px 560px at 8% 96%,rgba(91,108,240,.22),transparent 62%),linear-gradient(180deg,#050a14 0%,var(--pm-nacht) 100%)}
.ad-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,transparent,rgba(5,10,20,.65));pointer-events:none}
.ad-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:64px;align-items:center;padding-block:104px 120px}
.ad-kicker{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 12px;border:1px solid var(--ad-line-2);border-radius:999px;background:rgba(255,255,255,.04);backdrop-filter:blur(6px);font-size:13px;font-weight:550;color:#d4e2f3;margin:0 0 28px;max-width:100%;line-height:1.4}
.ad-kicker .pm-de{box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.ad-h1{font-size:clamp(42px,5.7vw,78px);line-height:1.0;letter-spacing:-.048em;font-weight:780;color:#fff;margin:0 0 26px;text-wrap:balance;hyphens:manual}
.ad-lead{font-size:clamp(17px,1.35vw,19.5px);line-height:1.65;color:#b9c8dc;max-width:58ch;margin:0 0 36px}
.ad-proof{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;margin:32px 0 0;padding:0;font-size:14px;font-weight:550;color:#cbd8ea}
.ad-proof li{display:flex;gap:8px;align-items:center}
.ad-proof svg{width:17px;height:17px;color:var(--ad-cyan);flex:none}
.ad-hero-visual{position:relative}

/* Fenster: Chat und Code */
.ad-window{position:relative;background:rgba(9,17,33,.82);border:1px solid var(--ad-line-2);border-radius:18px;overflow:hidden;box-shadow:0 50px 120px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left}
.ad-window-bar{display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-bottom:1px solid var(--ad-line);background:rgba(255,255,255,.025)}
.ad-window-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14);flex:none}
.ad-window-bar span{margin-left:10px;font-family:var(--pm-code);font-size:11.5px;color:#93a6c0;background:rgba(255,255,255,.04);border:1px solid var(--ad-line);border-radius:999px;padding:3px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ad-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:#7fe2b4;white-space:nowrap}
.ad-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 0 rgba(61,220,151,.6);animation:ad-ping 2.2s ease-out infinite}
@keyframes ad-ping{0%{box-shadow:0 0 0 0 rgba(61,220,151,.55)}80%,100%{box-shadow:0 0 0 9px rgba(61,220,151,0)}}
@property --ad-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.ad-glow-border::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:3;pointer-events:none;background:conic-gradient(from var(--ad-angle),transparent 0 55%,rgba(95,212,244,.95) 72%,rgba(91,108,240,.9) 84%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ad-spin 7s linear infinite}
@keyframes ad-spin{to{--ad-angle:360deg}}
.ad-chat-body{display:grid;grid-template-columns:168px minmax(0,1fr);min-height:388px}
.ad-chat-side{border-right:1px solid var(--ad-line);padding:14px 12px;display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#a9b9cf;background:rgba(255,255,255,.015)}
.ad-chat-side span{display:flex;gap:8px;align-items:center;line-height:1.3}
.ad-chat-side svg{width:14px;height:14px;flex:none;color:var(--ad-sky)}
.ad-chat-new{padding:9px 10px;border-radius:10px;background:rgba(90,172,220,.13);color:#e8f3fd;font-weight:600;margin-bottom:6px;box-shadow:inset 0 0 0 1px rgba(90,172,220,.25)}
.ad-chat-h{font-size:10px!important;letter-spacing:.14em;text-transform:uppercase;color:#6c80a0;margin:12px 0 2px;font-weight:700}
.ad-chat-kb,.ad-chat-model{padding:6px 10px;border-radius:8px}
.ad-chat-kb:first-of-type{background:rgba(255,255,255,.04)}
.ad-chat-model{color:#dfeaf7}
.ad-chat-main{display:flex;flex-direction:column;gap:18px;padding:24px 22px 18px;min-width:0}
.ad-msg p{margin:0;font-size:14px;line-height:1.62}
.ad-msg-user{align-self:flex-end;max-width:84%;background:linear-gradient(135deg,#2f6cc4,#2e59a6);color:#fff;padding:11px 15px;border-radius:16px 16px 4px 16px;box-shadow:0 10px 26px -12px rgba(46,89,166,.9)}
.ad-msg-ai{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;color:#dce6f3}
.ad-avatar{width:30px;height:30px;border-radius:9px;background:rgba(90,172,220,.1);border:1px solid var(--ad-line-2);display:flex;align-items:center;justify-content:center}
.ad-avatar img{width:21px;height:21px;display:block}
.ad-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;transition:opacity .5s,transform .5s}
.ad-sources span{display:inline-flex;gap:6px;align-items:center;font-size:11.5px;color:#a7d2f0;background:rgba(90,172,220,.08);border:1px solid rgba(90,172,220,.26);border-radius:8px;padding:4px 9px;max-width:100%}
.ad-sources svg{width:12px;height:12px;flex:none}
.ad-msg-ai.is-pending .ad-sources{opacity:0;transform:translateY(4px)}
.ad-typed-rest{color:transparent}
.ad-typing .ad-typed::after{content:"";display:inline-block;width:7px;height:1.05em;margin-left:2px;vertical-align:-2px;background:var(--ad-sky);animation:ad-blink 1s steps(1) infinite}
@keyframes ad-blink{50%{opacity:0}}
.ad-chat-input{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--ad-line-2);border-radius:12px;padding:8px 8px 8px 14px;font-size:13px;color:#7183a0;background:rgba(255,255,255,.03)}
.ad-chat-input i{width:32px;height:32px;border-radius:9px;background:var(--ad-grad-btn);display:flex;align-items:center;justify-content:center;color:#fff;flex:none}
.ad-chat-input svg{width:15px;height:15px;transform:rotate(-90deg)}
.ad-chip{position:absolute;z-index:4;display:inline-flex;gap:8px;align-items:center;padding:9px 15px;border-radius:999px;background:rgba(12,22,42,.88);border:1px solid var(--ad-line-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e4eef9;font-size:12.5px;font-weight:600;box-shadow:0 16px 40px -14px rgba(0,0,0,.8);white-space:nowrap;animation:ad-float 7s ease-in-out infinite}
.ad-chip svg{width:15px;height:15px;color:var(--ad-cyan);flex:none}
.ad-chip-1{left:-30px;top:-20px}
.ad-chip-2{right:-22px;bottom:58px;animation-delay:-3.5s}
@keyframes ad-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ad-visual-note{margin:14px 4px 0;font-size:11.5px;color:#6f819b;text-align:right}
.ad-code pre{margin:0;padding:18px 20px;overflow-x:auto;font-family:var(--pm-code);font-size:12.8px;line-height:1.72;color:#d4e0f1;background:transparent;tab-size:4}
.ad-code code{font-family:inherit;font-size:inherit;background:none;padding:0;color:inherit}
.ad-c-k{color:#8db7ff}.ad-c-s{color:#7fe0c4}.ad-c-c{color:#6c809c;font-style:italic}.ad-c-n{color:#f2c27b}
.ad-sec-light .ad-code,.ad-sec-tint .ad-code{background:#0a1322}

/* Laufband unter dem Held */
.ad-marquee{position:relative;background:var(--ad-ink);border-block:1px solid var(--ad-line);overflow:hidden;padding:17px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ad-marquee-track{display:flex;width:max-content;animation:ad-marquee 46s linear infinite}
.ad-marquee:hover .ad-marquee-track{animation-play-state:paused}
.ad-marquee ul{display:flex;list-style:none;margin:0;padding:0}
.ad-marquee li{position:relative;white-space:nowrap;font-size:12.5px;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:#96aac5;padding:0 58px 0 0}
.ad-marquee li::after{content:"";position:absolute;right:26px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--ad-sky);box-shadow:0 0 12px var(--ad-sky)}
@keyframes ad-marquee{to{transform:translateX(-50%)}}

/* Karten */
.ad-card{position:relative;background:#fff;border:1px solid var(--pm-rand);border-radius:var(--ad-r);padding:30px 28px;min-width:0;transition:border-color .2s,box-shadow .25s,transform .25s}
.ad-card:hover{border-color:#bfd5ee;box-shadow:0 24px 60px -30px rgba(25,70,140,.45);transform:translateY(-3px)}
.ad-card p{margin:0;color:var(--pm-schiefer);font-size:15.5px;line-height:1.62}
.ad-card .pm-h3{font-size:19.5px;margin-bottom:10px}
.ad-card .ad-ticks{margin-top:14px}
.ad-ico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--ad-blau-t);background:linear-gradient(135deg,rgba(90,172,220,.17),rgba(91,108,240,.13));box-shadow:inset 0 0 0 1px rgba(90,172,220,.3)}
.ad-ico svg{width:23px;height:23px}
.pm-sec-nacht .ad-card,.ad-card-dark{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));border-color:var(--ad-line)}
.pm-sec-nacht .ad-card:hover,.ad-card-dark:hover{border-color:rgba(90,172,220,.45);box-shadow:var(--ad-glow)}
.pm-sec-nacht .ad-card .pm-h3{color:#fff}
.pm-sec-nacht .ad-card p{color:var(--ad-on-dark-2)}
.pm-sec-nacht .ad-ico{color:var(--ad-sky);background:rgba(90,172,220,.1);box-shadow:inset 0 0 0 1px rgba(90,172,220,.3)}
a.ad-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.pm-root a.ad-card{color:inherit}
a.ad-card .pm-card-more{color:var(--ad-blau-t)}
.pm-sec-nacht a.ad-card .pm-card-more{color:var(--ad-sky)}
.ad-card-k{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ad-blau-t);margin-bottom:8px;display:block}
.pm-sec-nacht .ad-card-k{color:var(--ad-sky)}
.ad-card-wide{grid-column:span 2}
.ad-ticks{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:10px}
.ad-ticks li{position:relative;padding-left:30px;font-size:15px;line-height:1.5;color:var(--pm-schiefer)}
.ad-ticks li::before{content:"";position:absolute;left:0;top:.12em;width:20px;height:20px;border-radius:7px;background:rgba(90,172,220,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.6' fill='none' stroke='%2322589f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.ad-ticks li b{color:var(--pm-tinte)}
.pm-sec-nacht .ad-ticks li,.ad-panel .ad-ticks li,.pm-phero .ad-ticks li{color:#cfdcee}
.pm-sec-nacht .ad-ticks li b,.pm-phero .ad-ticks li b{color:#fff}
.pm-sec-nacht .ad-ticks li::before,.ad-panel .ad-ticks li::before,.pm-phero .ad-ticks li::before{background:rgba(95,212,244,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.6' fill='none' stroke='%235fd4f4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.ad-crosses li::before{background:rgba(221,75,57,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='%23b3261e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat!important}
.pm-sec-nacht .ad-crosses li::before{background:rgba(255,120,110,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='%23ff8a7a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat!important}

/* Zitat / unbequeme Frage */
.ad-quote{position:relative;margin:56px 0 0;padding:40px 48px 36px 108px;border-radius:26px;overflow:hidden;color:#fff;background:radial-gradient(500px 260px at 100% 0%,rgba(91,108,240,.35),transparent 70%),radial-gradient(420px 240px at 0% 100%,rgba(90,172,220,.28),transparent 70%),linear-gradient(135deg,#0d1b36,#070d1a);border:1px solid rgba(120,160,240,.25)}
.ad-quote::before{content:"\201C";position:absolute;left:34px;top:22px;font-size:120px;line-height:1;font-weight:800;background:var(--ad-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ad-quote p{font-size:clamp(20px,2.3vw,29px);font-weight:680;letter-spacing:-.025em;line-height:1.3;margin:0 0 14px;max-width:44ch}
.ad-quote cite{font-style:normal;font-size:12.5px;color:#8fa3bd;letter-spacing:.12em;text-transform:uppercase;font-weight:650}

/* Chat und API nebeneinander */
.ad-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ad-panel{position:relative;display:flex;flex-direction:column;gap:4px;padding:34px 32px 30px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--ad-line);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .25s,transform .25s;overflow:hidden;min-width:0}
.ad-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(500px 220px at 50% -10%,rgba(90,172,220,.16),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}
.pm-root a.ad-panel{color:inherit}
.ad-panel:hover{border-color:rgba(90,172,220,.5);box-shadow:var(--ad-glow);transform:translateY(-3px)}
.ad-panel:hover::after{opacity:1}
.ad-panel-k{display:inline-flex;gap:9px;align-items:center;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ad-sky);margin-bottom:12px}
.ad-panel-k svg{width:18px;height:18px}
.ad-panel .pm-h3{color:#fff;font-size:clamp(21px,2vw,26px);letter-spacing:-.025em;margin-bottom:12px}
.ad-panel p{color:var(--ad-on-dark-2);margin:0 0 16px;font-size:15.5px;line-height:1.62}
.ad-panel .ad-code{margin:4px 0 8px}
.ad-panel .pm-card-more{color:var(--ad-sky);position:relative;z-index:1}

/* Ablauf in Schritten */
.ad-flow{list-style:none;counter-reset:f;margin:30px 0 0;padding:0;display:grid;gap:18px}
.ad-flow li{counter-increment:f;display:grid;grid-template-columns:46px minmax(0,1fr);gap:3px 16px;align-items:start}
.ad-flow li::before{content:counter(f,decimal-leading-zero);grid-row:span 2;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;background:var(--ad-grad-btn);box-shadow:0 10px 24px -10px rgba(46,89,166,.8)}
.ad-flow b{font-size:16.5px;color:var(--pm-tinte);line-height:1.35;padding-top:2px}
.ad-flow span{color:var(--pm-schiefer);font-size:15px;line-height:1.58}
.pm-sec-nacht .ad-flow b,.pm-phero .ad-flow b{color:#fff}
.pm-sec-nacht .ad-flow span{color:var(--ad-on-dark-2)}
.ad-flow-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ad-flow-row li{grid-template-columns:minmax(0,1fr);gap:10px;padding:24px;border-radius:var(--ad-r);border:1px solid var(--pm-rand);background:#fff}
.ad-flow-row li::before{grid-row:auto}
.pm-sec-nacht .ad-flow-row li{background:rgba(255,255,255,.035);border-color:var(--ad-line)}
.ad-split-top{align-items:start}

/* Architektur-Schema */
.ad-arch{position:relative;padding:28px;border-radius:26px;color:var(--ad-on-dark);overflow:hidden;background:radial-gradient(600px 300px at 50% 0%,rgba(91,108,240,.28),transparent 70%),radial-gradient(400px 260px at 50% 100%,rgba(90,172,220,.18),transparent 70%),linear-gradient(180deg,#0b1529,#070d1a);border:1px solid var(--ad-line-2);box-shadow:0 50px 110px -45px rgba(10,30,80,.75)}
.ad-arch-insts{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}
.ad-inst{border:1px dashed rgba(140,180,235,.28);border-radius:16px;padding:14px 12px;display:flex;flex-direction:column;gap:7px;background:rgba(255,255,255,.02);min-width:0}
.ad-inst-k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#7e93b2;margin-bottom:4px}
.ad-inst-i{display:flex;gap:8px;align-items:center;font-size:12.5px;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid var(--ad-line);color:#7f91ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-inst-i svg{width:14px;height:14px;color:var(--ad-sky);flex:none}
.ad-inst-you{border:1px solid rgba(90,172,220,.6);background:linear-gradient(180deg,rgba(90,172,220,.16),rgba(90,172,220,.03));box-shadow:0 0 50px -12px rgba(90,172,220,.55)}
.ad-inst-you .ad-inst-k{color:var(--ad-sky-2)}
.ad-inst-you .ad-inst-i{color:#e2edf9;background:rgba(255,255,255,.06)}
.ad-arch-wire{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px;height:46px}
.ad-arch-wire i{position:relative}
.ad-arch-wire i::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(90,172,220,.8),rgba(91,108,240,.25))}
.ad-arch-wire i::after{content:"";position:absolute;left:50%;top:0;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#a6e6ff;box-shadow:0 0 12px #5fd4f4;animation:ad-down 2.6s ease-in-out infinite}
.ad-arch-wire i:nth-child(2)::after{animation-delay:-.9s}.ad-arch-wire i:nth-child(3)::after{animation-delay:-1.7s}
@keyframes ad-down{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 7px);opacity:0}}
.ad-engine{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,rgba(58,134,214,.28),rgba(91,108,240,.2));border:1px solid rgba(120,160,240,.45);box-shadow:0 0 60px -20px rgba(91,108,240,.7)}
.ad-engine-ico{width:46px;height:46px;border-radius:13px;background:var(--ad-grad-btn);display:flex;align-items:center;justify-content:center;color:#fff;flex:none}
.ad-engine-ico svg{width:24px;height:24px}
.ad-engine b{display:block;color:#fff;font-size:16px;margin-bottom:2px}
.ad-engine span{font-size:13px;color:#bccbe0}
.ad-dc{margin-top:12px;display:flex;gap:10px;align-items:center;justify-content:center;text-align:center;font-size:12.5px;color:#93a6c0;padding:12px;border-radius:12px;border:1px solid var(--ad-line);background:rgba(255,255,255,.02)}
.ad-dc svg{width:16px;height:16px;color:var(--ad-sky);flex:none}

/* Kennzahlen / Zusagen */
.ad-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}
.ad-stats > div{padding:22px 22px 20px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--ad-line);transition:border-color .2s,box-shadow .2s}
.ad-stats > div:hover{border-color:rgba(90,172,220,.4);box-shadow:var(--ad-glow)}
.ad-stats b{display:block;font-size:40px;font-weight:780;letter-spacing:-.045em;line-height:1;margin-bottom:12px;background:var(--ad-grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}
.ad-stats h3{color:#fff;font-size:16px;margin:0 0 6px;font-weight:650;letter-spacing:-.01em}
.ad-stats p{margin:0;font-size:14px;color:var(--ad-on-dark-2);line-height:1.55}
.ad-stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ad-sec-light .ad-stats > div,.ad-sec-tint .ad-stats > div{background:#fff;border-color:var(--pm-rand)}
.ad-sec-light .ad-stats h3,.ad-sec-tint .ad-stats h3{color:var(--pm-tinte)}
.ad-sec-light .ad-stats p,.ad-sec-tint .ad-stats p{color:var(--pm-schiefer)}
.ad-sec-light .ad-stats b,.ad-sec-tint .ad-stats b{background-image:var(--ad-grad-hell)}
.ad-visual{margin:0;position:relative}
.ad-visual img{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 50px 120px -40px rgba(0,0,0,.85),0 0 0 1px var(--ad-line)}
.ad-visual::after{content:"";position:absolute;inset:-1px;border-radius:27px;pointer-events:none;background:linear-gradient(140deg,rgba(90,172,220,.45),transparent 35%,transparent 65%,rgba(91,108,240,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}
.ad-visual figcaption{margin-top:12px;font-size:12px;color:var(--ad-on-dark-3)}
.ad-sec-light .ad-visual img,.ad-sec-tint .ad-visual img{box-shadow:0 40px 90px -40px rgba(10,30,80,.55)}

/* Ausbaustufen */
.ad-stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
.ad-stages li{position:relative;padding:28px 24px 26px;border-radius:var(--ad-r);background:#fff;border:1px solid var(--pm-rand);display:flex;flex-direction:column;transition:border-color .2s,box-shadow .25s,transform .25s}
.ad-stages li::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:2px;border-radius:2px;background:var(--ad-grad-hell);opacity:.0;transition:opacity .2s}
.ad-stages li:hover{border-color:#bfd5ee;box-shadow:0 24px 60px -32px rgba(25,70,140,.45);transform:translateY(-3px)}
.ad-stages li:hover::before{opacity:1}
.ad-stages li:not(:last-child)::after{content:"";position:absolute;right:-14px;top:42px;width:10px;height:10px;border-top:2px solid #b7cbe3;border-right:2px solid #b7cbe3;transform:rotate(45deg);z-index:1}
.ad-stage-n{display:inline-flex;width:fit-content;font-size:12.5px;font-weight:750;letter-spacing:.08em;color:var(--ad-blau-t);padding:5px 11px;border-radius:999px;background:var(--pm-hellblau);margin-bottom:18px}
.ad-stages .pm-h3{font-size:18.5px}
.ad-stages p{margin:0 0 16px;color:var(--pm-schiefer);font-size:15px;line-height:1.6}
.ad-stages a{margin-top:auto;font-weight:650;font-size:14.5px;text-decoration:none}
.ad-stages a::after{content:" →"}
.pm-sec-nacht .ad-stages li{background:rgba(255,255,255,.035);border-color:var(--ad-line)}
.pm-sec-nacht .ad-stages .pm-h3{color:#fff}
.pm-sec-nacht .ad-stages p{color:var(--ad-on-dark-2)}
.pm-sec-nacht .ad-stage-n{background:rgba(90,172,220,.12);color:var(--ad-sky-2)}

/* Branchen mit Bild */
.ad-branches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ad-branch{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--ad-night-2);text-decoration:none;color:var(--ad-on-dark);border:1px solid #13213b;transition:transform .3s,box-shadow .3s,border-color .3s;min-width:0}
.pm-root a.ad-branch{color:var(--ad-on-dark)}
.ad-branch:hover{transform:translateY(-4px);box-shadow:0 30px 60px -28px rgba(10,30,80,.7);border-color:rgba(90,172,220,.5)}
.ad-branch-img{aspect-ratio:16/10;overflow:hidden;background:#0b1527}
.ad-branch-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ad-branch:hover .ad-branch-img img{transform:scale(1.05)}
.ad-branch-body{padding:20px 22px 24px}
.ad-branch-k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ad-sky)}
.ad-branch .pm-h3{color:#fff;font-size:18px;margin:8px 0 8px}
.ad-branch p{margin:0;font-size:14.5px;color:var(--ad-on-dark-2);line-height:1.55}

/* Vergleich auf Dunkel */
.pm-sec-nacht .pm-diff-head > span{color:var(--ad-on-dark-3)}
.pm-sec-nacht .pm-diff-head > span:last-child{color:var(--ad-sky)}
.pm-sec-nacht .pm-diff-row{background:rgba(255,255,255,.03);border-color:var(--ad-line)}
.pm-sec-nacht .pm-diff-row > div:first-child{color:#fff}
.pm-sec-nacht .pm-diff-row > div:nth-child(2){color:var(--ad-on-dark-2);border-left-color:var(--ad-line)}
.pm-diff-row > div:last-child{background:linear-gradient(135deg,rgba(58,134,214,.25),rgba(91,108,240,.16)),var(--pm-nacht);color:#d6e3f3}
.pm-diff-row > div:last-child b{color:#fff}
.pm-diff-head > span:last-child{color:var(--ad-blau-t)}
.pm-diff-row{border-radius:16px}

/* Abschluss-Kasten */
.ad-cta{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:44px;align-items:center;padding:52px 56px;border-radius:30px;overflow:hidden;color:var(--ad-on-dark);border:1px solid rgba(120,160,240,.3);background:radial-gradient(620px 320px at 92% 0%,rgba(95,212,244,.26),transparent 62%),radial-gradient(560px 320px at 0% 100%,rgba(91,108,240,.32),transparent 62%),linear-gradient(135deg,#0c1a35,#070d1a)}
.ad-cta::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(150,190,240,.16) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000);pointer-events:none}
.ad-cta > *{position:relative}
.ad-cta .pm-h2{color:#fff;margin-bottom:14px}
.ad-cta p{margin:0;color:#b9c8dc;font-size:16.5px;line-height:1.65;max-width:62ch}
.ad-cta-btns{display:flex;flex-direction:column;gap:12px}
.ad-cta-btns .pm-btn{width:100%}
.ad-sec-light .ad-cta .pm-btn-geist,.ad-sec-tint .ad-cta .pm-btn-geist{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.2)}
.pm-root .ad-sec-light .ad-cta a.pm-btn-geist,.pm-root .ad-sec-tint .ad-cta a.pm-btn-geist{color:#fff}

/* Unterseiten-Kopf */
.pm-phero .pm-wrap{z-index:1;padding-block:96px 88px;gap:72px}
.pm-phero .pm-h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.045em;line-height:1.03}
.pm-phero .pm-lead{color:#b9c8dc;font-size:18.5px}
.pm-phero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(90,172,220,.45),transparent)}
.pm-toc{border:1px solid var(--ad-line);border-left:1px solid var(--ad-line);border-radius:20px;padding:22px 24px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));backdrop-filter:blur(8px)}
.pm-toc a::before{color:var(--ad-sky)}
.pm-toc a{padding:2px 0}
.pm-phero-bare .pm-wrap{padding-block:88px 72px}
.ad-phero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.ad-badge{display:inline-flex;gap:8px;align-items:center;padding:7px 13px;border-radius:999px;border:1px solid var(--ad-line-2);background:rgba(255,255,255,.04);font-size:13px;font-weight:600;color:#d4e2f3;white-space:nowrap}
.ad-badge svg{width:15px;height:15px;color:var(--ad-cyan);flex:none}
.ad-sec-light .ad-badge,.ad-sec-tint .ad-badge{background:#fff;border-color:var(--pm-rand);color:var(--pm-schiefer)}
.ad-sec-light .ad-badge svg,.ad-sec-tint .ad-badge svg{color:var(--ad-blau-t)}

/* FAQ */
.pm-faq summary{font-weight:650;letter-spacing:-.01em}
.pm-faq summary::after{background:linear-gradient(var(--ad-blau-t),var(--ad-blau-t)) center/14px 2px no-repeat,linear-gradient(var(--ad-blau-t),var(--ad-blau-t)) center/2px 14px no-repeat}
.pm-faq summary:hover{color:var(--ad-blau-t)}
.pm-sec-nacht .pm-faq,.pm-sec-nacht .pm-faq details{border-color:var(--ad-line)}
.pm-sec-nacht .pm-faq summary{color:#fff}
.pm-sec-nacht .pm-faq details > div{color:var(--ad-on-dark-2)}
.pm-faq-group{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ad-blau-t);margin:40px 0 4px}
.pm-faq-group:first-child{margin-top:0}

/* Hinweis- und Kennzeichnungskasten */
.ad-note{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:16px;background:var(--pm-hellblau);border:1px solid #cfe2f4;color:var(--pm-schiefer);font-size:14.5px;line-height:1.6;margin-top:36px}
.ad-note svg{width:20px;height:20px;color:var(--ad-blau-t);flex:none;margin-top:2px}
.ad-note b{color:var(--pm-tinte)}
.pm-sec-nacht .ad-note{background:rgba(90,172,220,.08);border-color:rgba(90,172,220,.25);color:var(--ad-on-dark-2)}
.pm-sec-nacht .ad-note b{color:#fff}
.pm-sec-nacht .ad-note svg{color:var(--ad-sky)}

/* Ebenen der Plattform */
.ad-layers{display:grid;gap:12px}
.ad-layer{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center;padding:22px 24px;border-radius:20px;border:1px solid var(--ad-line);background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.ad-layer-k{display:flex;gap:12px;align-items:center;color:#fff;font-weight:650;font-size:16px}
.ad-layer-k small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ad-sky);font-weight:700;margin-bottom:2px}
.ad-layer-k .ad-ico{margin:0;width:44px;height:44px}
.ad-layer-items{display:flex;flex-wrap:wrap;gap:8px}
.ad-layer-items span{font-size:13.5px;padding:7px 12px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--ad-line);color:#d2deee}
.ad-layer-hl{border-color:rgba(90,172,220,.55);background:linear-gradient(90deg,rgba(90,172,220,.16),rgba(91,108,240,.06));box-shadow:0 0 60px -24px rgba(90,172,220,.6)}

/* Steckbrief-Tabelle */
.ad-spec{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;border:1px solid var(--pm-rand);border-radius:18px;overflow:hidden;background:#fff}
.ad-spec th,.ad-spec td{padding:15px 20px;text-align:left;vertical-align:top;border-top:1px solid var(--pm-rand)}
.ad-spec tr:first-child th,.ad-spec tr:first-child td{border-top:0}
.ad-spec th{width:30%;font-weight:650;color:var(--pm-tinte);background:var(--pm-flaeche)}
.ad-spec td{color:var(--pm-schiefer)}
.ad-spec-wrap{overflow-x:auto}

/* Szenarien */
.ad-scenarios{display:grid;gap:24px}
.ad-scn{border:1px solid var(--pm-rand);border-radius:26px;background:#fff;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr)}
.ad-scn-head{padding:34px 32px;background:radial-gradient(400px 260px at 0% 0%,rgba(90,172,220,.25),transparent 70%),radial-gradient(400px 260px at 100% 100%,rgba(91,108,240,.25),transparent 70%),linear-gradient(160deg,#0c1a35,#070d1a);color:var(--ad-on-dark);display:flex;flex-direction:column;gap:12px}
.ad-scn-k{display:inline-flex;width:fit-content;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ad-sky);padding:5px 11px;border-radius:999px;border:1px solid rgba(90,172,220,.35);background:rgba(90,172,220,.08)}
.ad-scn-head .pm-h3{color:#fff;font-size:24px;letter-spacing:-.025em;margin:4px 0 0}
.ad-scn-head p{margin:0;color:#b9c8dc;font-size:14.5px}
.ad-scn-goal{margin-top:auto;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--ad-line);font-size:14px;color:#d6e3f3}
.ad-scn-goal b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ad-cyan);margin-bottom:4px}
.ad-scn-body{padding:30px 32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
.ad-scn-body h4{margin:0 0 6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ad-blau-t);font-weight:700}
.ad-scn-body p{margin:0;font-size:15px;color:var(--pm-schiefer);line-height:1.6}
.ad-scn-why{grid-column:1/-1;padding:16px 18px;border-radius:14px;background:var(--pm-flaeche);border:1px solid var(--pm-rand)}

/* Betriebsmodelle (ohne Preise) */
.ad-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.ad-model{position:relative;display:flex;flex-direction:column;padding:32px 28px 28px;border-radius:26px;border:1px solid var(--ad-line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));min-width:0}
.ad-model-hl{border-color:rgba(90,172,220,.6);box-shadow:var(--ad-glow);background:linear-gradient(180deg,rgba(90,172,220,.14),rgba(255,255,255,.02))}
.ad-model-tag{position:absolute;top:-13px;left:28px;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:5px 12px;border-radius:999px;background:var(--ad-grad-btn)}
.ad-model .pm-h3{color:#fff;font-size:22px;margin:0 0 6px}
.ad-model-for{font-size:14px;color:var(--ad-sky-2);margin:0 0 18px;font-weight:600}
.ad-model p{color:var(--ad-on-dark-2);font-size:15px;margin:0 0 18px;line-height:1.6}
.ad-model .ad-ticks{margin-bottom:24px}
.ad-model .pm-btn{margin-top:auto}

/* Unterlagen (Trust-Center) */
.ad-docs{display:grid;gap:12px}
.ad-doc{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;border-radius:18px;border:1px solid var(--pm-rand);background:#fff;transition:border-color .2s,box-shadow .2s}
.ad-doc:hover{border-color:#bfd5ee;box-shadow:0 18px 40px -26px rgba(25,70,140,.45)}
.ad-doc .ad-ico{margin:0}
.ad-doc b{display:block;color:var(--pm-tinte);font-size:16.5px;margin-bottom:3px}
.ad-doc > div > span{color:var(--pm-schiefer);font-size:14.5px;line-height:1.5;display:block}
.ad-status{font-size:12px!important;font-weight:700;letter-spacing:.04em;padding:5px 11px;border-radius:999px;white-space:nowrap;background:var(--pm-hellblau);color:var(--ad-blau-t)!important;display:inline-block!important}
.ad-status-ok{background:var(--pm-ok-bg);color:var(--pm-ok-t)!important}
.ad-status-prep{background:var(--pm-warn-bg);color:var(--pm-warn-t)!important}
.ad-center-text{text-align:center;margin-inline:auto;max-width:760px}

/* Kopf einer Branche */
.ad-branch-sec .pm-split{align-items:start}
.ad-branch-sec .ad-visual{position:sticky;top:110px}
.ad-law{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.ad-law span{font-size:12.5px;font-weight:650;padding:5px 11px;border-radius:8px;background:var(--pm-hellblau);color:var(--ad-blau-t);border:1px solid #cfe2f4}
.pm-sec-nacht .ad-law span{background:rgba(90,172,220,.1);color:var(--ad-sky-2);border-color:rgba(90,172,220,.25)}
.ad-h4{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ad-blau-t);margin:26px 0 10px}
.pm-sec-nacht .ad-h4{color:var(--ad-sky)}

/* Zahlen groß (Lyra) */
.ad-nevers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ad-nevers > div{padding:26px 22px;border-radius:20px;border:1px solid var(--ad-line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.ad-nevers b{display:block;font-size:56px;font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:14px;background:var(--ad-grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}
.ad-nevers h3{color:#fff;font-size:17px;margin:0 0 6px}
.ad-nevers p{margin:0;font-size:14.5px;color:var(--ad-on-dark-2);line-height:1.55}

/* Kontaktseite und Formulare */
.pm-input,.pm-select,.pm-textarea{border-radius:12px}
.pm-input:focus,.pm-select:focus,.pm-textarea:focus{border-color:var(--ad-sky);box-shadow:0 0 0 4px rgba(90,172,220,.18);outline:none}
.pm-seg label:has(input:checked){border-color:var(--ad-sky);background:var(--pm-gold-bg);color:var(--pm-tinte)}
.pm-steps li::before{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0;font-weight:700;font-size:13px;background:var(--ad-grad-btn);color:#fff;box-shadow:0 8px 20px -10px rgba(46,89,166,.8)}
.pm-steps-hell li::before{color:#fff}

/* Blog-Karten */
.pm-post-card,.pm-feature-post{border-radius:20px;transition:border-color .2s,box-shadow .25s,transform .25s}
.pm-post-card:hover,.pm-feature-post:hover{border-color:#bfd5ee;box-shadow:0 26px 60px -32px rgba(25,70,140,.5);transform:translateY(-3px)}
.pm-post-art{background:radial-gradient(260px 160px at 85% 10%,rgba(90,172,220,.4),transparent 70%),radial-gradient(260px 160px at 0% 100%,rgba(91,108,240,.35),transparent 70%),var(--pm-nacht)}
.pm-post-art::before{background-image:radial-gradient(rgba(150,200,250,.22) 1px,transparent 1.3px);background-size:18px 18px}
.pm-post-art::after{opacity:.0}
.pm-post-art .pm-art-k{color:var(--ad-sky)}
.pm-post-img img{transition:transform .6s}
.pm-post-card:hover .pm-post-img img,.pm-feature-post:hover .pm-post-img img{transform:scale(1.04)}

/* Fuß */
.pm-foot{background:radial-gradient(900px 300px at 80% 0%,rgba(91,108,240,.12),transparent 70%),var(--ad-ink);color:var(--ad-on-dark-3)}
.pm-foot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(90,172,220,.6),rgba(91,108,240,.5),transparent)}
.pm-foot-brand img{height:64px;width:auto;display:block;margin-bottom:22px}
.pm-foot h2{color:#fff;letter-spacing:.14em;font-weight:700}
.pm-foot-brand p.pm-claim{font-size:18px;letter-spacing:-.01em;background:var(--ad-grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}
.pm-foot-base{border-top-color:var(--ad-line)}

/* Redaktion: Kopf dunkel wie die Website (Logo ist hell) */
.pm-admin-head{background:var(--pm-nacht);border-bottom-color:var(--ad-line)}
.pm-admin-head nav a{color:#b9c8dc}
.pm-admin-head nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.pm-admin-head nav a[aria-current="page"]{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 -3px 0 var(--ad-sky)}
.pm-admin-head .pm-admin-user,.pm-admin-head .pm-admin-user span{color:#b9c8dc}
.pm-root .pm-admin-head .pm-admin-user a{color:var(--ad-sky-2)}
.pm-admin-head .pm-btn-sec{background:rgba(255,255,255,.06);color:#fff;border-color:var(--ad-line-2)}
.pm-admin-tag{background:rgba(90,172,220,.15)!important;color:var(--ad-sky-2)!important}
.pm-login{background:radial-gradient(800px 500px at 80% 10%,rgba(58,134,214,.3),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(91,108,240,.25),transparent 60%),var(--pm-nacht)}
.pm-login-card{background:rgba(11,21,39,.92);border:1px solid var(--ad-line-2);color:var(--ad-on-dark);box-shadow:0 40px 100px -30px rgba(0,0,0,.8)}
.pm-login-card label{color:var(--ad-on-dark)}
.pm-login-card p.pm-muted,.pm-login-card .pm-muted{color:var(--ad-on-dark-2)}
.pm-login-card .pm-brand img{height:42px}

/* Vorschaltseite (Countdown, Wartung) */
.pm-gate{background:radial-gradient(900px 600px at 80% 0%,rgba(58,134,214,.28),transparent 60%),radial-gradient(800px 600px at 0% 100%,rgba(91,108,240,.22),transparent 60%),var(--pm-nacht)}
.pm-gate-logo img{height:56px;width:auto}

/* Breiten */
@container pm (max-width:1180px){
  .ad-hero-grid{gap:48px}
  .ad-chip-1{left:-8px}
  .ad-chip-2{right:-6px}
  .ad-nevers{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container pm (max-width:1080px){
  .ad-hero-grid{grid-template-columns:minmax(0,1fr);padding-block:80px 104px;gap:72px}
  .ad-hero-visual{max-width:660px;width:100%;margin-inline:auto}
  .ad-branches,.ad-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-stages li:not(:last-child)::after{display:none}
  .ad-flow-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-models{grid-template-columns:minmax(0,1fr);max-width:640px}
  .ad-stats-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-scn{grid-template-columns:minmax(0,1fr)}
  .ad-branch-sec .ad-visual{position:relative;top:auto}
}
@container pm (max-width:860px){
  .pm-sec{padding-block:84px}
  .ad-duo{grid-template-columns:minmax(0,1fr)}
  .ad-cta{grid-template-columns:minmax(0,1fr);padding:38px 28px;gap:28px}
  .ad-quote{padding:84px 26px 28px}
  .ad-quote::before{left:22px;top:14px}
  .ad-layer{grid-template-columns:minmax(0,1fr);gap:14px}
  .ad-card-wide{grid-column:auto}
  .ad-scn-body{grid-template-columns:minmax(0,1fr)}
  .pm-phero .pm-wrap{padding-block:72px 64px;gap:40px}
}
@container pm (max-width:560px){
  .ad-hero-grid{padding-block:56px 88px}
  .ad-h1{font-size:clamp(36px,10.5vw,46px)}
  .ad-kicker{font-size:12px}
  .ad-chat-body{grid-template-columns:minmax(0,1fr);min-height:0}
  .ad-chat-side{display:none}
  .ad-chat-main{padding:18px 16px 14px}
  .ad-chip{font-size:11.5px;padding:7px 12px}
  .ad-chip-1{left:10px;top:-18px}
  .ad-chip-2{right:10px;bottom:28px}
  .ad-branches,.ad-stages,.ad-stats,.ad-stats-4,.ad-flow-row,.ad-nevers{grid-template-columns:minmax(0,1fr)}
  .ad-arch{padding:18px}
  .ad-arch-insts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-inst-you{grid-column:1/-1}
  .ad-arch-wire{grid-template-columns:minmax(0,1fr);height:34px}
  .ad-arch-wire i:not(:first-child){display:none}
  .ad-panel{padding:26px 20px}
  .ad-doc{grid-template-columns:44px minmax(0,1fr)}
  .ad-doc .ad-ico{width:44px;height:44px}
  .ad-doc .ad-status{grid-column:2;justify-self:start}
  .ad-spec th{width:40%}
  .ad-model{padding:30px 22px 24px}
}
.pm-head.ad-scrolled{background:rgba(7,13,26,.88);box-shadow:0 10px 30px -18px rgba(0,0,0,.8)}

/* Nachträge 1.0.0 */
.ad-h1{letter-spacing:-.036em}
.pm-phero .pm-h1{letter-spacing:-.034em}
.ad-chip-2{bottom:-16px;right:36px}
.ad-stack{display:grid;gap:16px;min-width:0}
.ad-flow-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ad-quote-side{margin:0}
.ad-quote-side p{font-size:clamp(20px,2vw,26px)}
.ad-ticks-big{gap:16px}
.ad-ticks-big li{font-size:16px;line-height:1.6;padding:18px 18px 18px 50px;border-radius:16px;background:#fff;border:1px solid var(--pm-rand)}
.ad-ticks-big li::before{left:18px;top:21px}
.ad-scn-body .ad-h4{margin:0 0 6px}
.ad-scn-head .ad-h4{color:var(--ad-sky)}
.ad-kbs{margin:6px 0 8px}
.ad-kb-list{list-style:none;margin:0;padding:8px}
.ad-kb-list li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px 10px;border-radius:12px}
.ad-kb-list li + li{border-top:1px solid var(--ad-line)}
.ad-kb-ico{grid-row:span 2;width:32px;height:32px;border-radius:9px;background:rgba(90,172,220,.12);display:flex;align-items:center;justify-content:center;color:var(--ad-sky)}
.ad-kb-ico svg{width:16px;height:16px}
.ad-kb-list b{color:#e8f1fb;font-size:14px;font-weight:600}
.ad-kb-list span:not(.ad-kb-ico):not(.ad-kb-acl){grid-column:2;font-size:12px;color:var(--ad-on-dark-3)}
.ad-kb-acl{grid-column:3;grid-row:1/span 2;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#a7d2f0;padding:4px 9px;border-radius:999px;border:1px solid rgba(90,172,220,.26);background:rgba(90,172,220,.07);white-space:nowrap}
.ad-kb-acl svg{width:12px;height:12px}
@container pm (max-width:1180px){ .ad-flow-5{grid-template-columns:repeat(3,minmax(0,1fr))} }
@container pm (max-width:860px){ .ad-flow-5{grid-template-columns:repeat(2,minmax(0,1fr))} .ad-ticks-big li{padding:16px 16px 16px 46px} .ad-ticks-big li::before{left:16px;top:19px} }
@container pm (max-width:560px){ .ad-flow-5{grid-template-columns:minmax(0,1fr)} .ad-chip-2{right:10px;bottom:-14px} }
.ad-cta p.pm-eyebrow{font-size:12px;line-height:1.4;color:var(--ad-sky);margin:0 0 16px}
.ad-visual-note{text-align:left}
.pm-root .pm-toc a{color:#c9d7ea}
.pm-root .pm-toc a:hover{color:#fff}
.pm-root .pm-phero a:not(.pm-btn),.pm-root .ad-hero a:not(.pm-btn),.pm-root .ad-cta a:not(.pm-btn){color:var(--ad-sky-2)}
.ad-flow-row li{align-content:start}
.ad-scn-k{border-radius:10px;line-height:1.4}
.pm-phero-shot .pm-wrap{padding-bottom:190px}
.pm-phero .pm-byline{color:var(--ad-on-dark-2)}
.pm-phero .pm-av{background:rgba(90,172,220,.12);border-color:var(--ad-line-2)}
@container pm (max-width:860px){ .pm-phero-shot .pm-wrap{padding-bottom:150px} }

/* Knöpfe des Kopfs im aufgeklappten Menü (schmale Bildschirme) */
.pm-nav-cta{display:none}
@container pm (max-width:960px){ .pm-head.pm-open .pm-nav-cta{display:flex;flex-wrap:wrap;gap:10px;padding:16px 12px 6px;margin-top:8px;border-top:1px solid var(--ad-line)} .pm-head.pm-open .pm-nav .pm-nav-cta a.pm-btn{padding:12px 18px;flex:1 1 140px} }
.pm-head.pm-fit2.pm-open .pm-nav-cta{display:flex;flex-wrap:wrap;gap:10px;padding:16px 12px 6px;margin-top:8px;border-top:1px solid var(--ad-line)}
.pm-head.pm-fit2.pm-open .pm-nav .pm-nav-cta a.pm-btn{padding:12px 18px;flex:1 1 140px}
.pm-login{min-height:100vh}

/* Kopf passt bei jeder Breite (AiDOING-Menü ist breiter als das der gemeinsamen Codebasis):
   Stufen 1) Menü enger (≤ 1240, Basis)  2) zweiter Knopf weg (≤ 1180)  3) Menü-Knopf (≤ 1080).
   Gemessen ohne JavaScript: voll 1236 px, eng mit zwei Knöpfen 1168 px, eng mit einem Knopf 1078 px. */
@container pm (max-width:1180px){ .pm-head .pm-head-cta .pm-btn-sec{display:none} }
@container pm (max-width:1080px){
  .pm-head .pm-nav,.pm-head .pm-head-cta{display:none}
  .pm-head .pm-menu-btn{display:block}
  .pm-head .pm-dd{flex-direction:column;align-items:stretch}
  .pm-head .pm-dd > a svg{display:none}
  .pm-head.pm-open .pm-nav{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:76px;left:0;right:0;background:var(--pm-nacht);border-bottom:1px solid var(--ad-line);padding:8px 16px 16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);max-height:calc(100vh - 76px);overflow-y:auto}
  .pm-head.pm-open .pm-nav a{padding:12px;border-radius:10px}
  .pm-head.pm-open .pm-nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--ad-sky);background:rgba(255,255,255,.05)}
  .pm-head.pm-open .pm-dd-p{display:block;position:static;padding:0 0 4px 12px}
  .pm-head .pm-nav .pm-dd-in{width:auto;grid-template-columns:minmax(0,1fr);box-shadow:none;border:0;padding:0;border-left:2px solid var(--ad-line-2);border-radius:0;background:transparent}
  .pm-head .pm-dd-in small,.pm-head .pm-dd-in .pm-ico,.pm-head .pm-dd-all{display:none}
  .pm-head .pm-nav .pm-dd-in a{grid-template-columns:minmax(0,1fr);padding:9px 12px}
  .pm-head .pm-nav .pm-dd-in a.pm-dd-self{display:none}
  .pm-head .pm-dd-mega > a::after{display:none}
  .pm-head .pm-dd-mega .pm-dd-p{transform:none;width:auto;animation:none}
  .pm-head .pm-dd-mega .pm-dd-in{display:block;overflow:visible;border-radius:0}
  .pm-head .pm-mega-side{display:none}
  .pm-head .pm-mega-items{display:block;padding:0}
  .pm-head .pm-nav .pm-mega-items a{box-shadow:none}
  .pm-head.pm-open .pm-nav-cta{display:flex;flex-wrap:wrap;gap:10px;padding:16px 12px 6px;margin-top:8px;border-top:1px solid var(--ad-line)}
  .pm-head.pm-open .pm-nav .pm-nav-cta a.pm-btn{padding:12px 18px;flex:1 1 140px}
}

/* ===== 1.1.0 Unterlagen-Freigabe: Seite für Empfänger ===== */
.ad-unt .ad-docs{max-width:980px}
.ad-unt-narrow{max-width:560px}
.ad-unt-login{display:grid;gap:16px;padding:32px;border-radius:22px;background:#fff;border:1px solid var(--pm-rand);box-shadow:0 30px 60px -40px rgba(25,70,140,.45)}
.ad-unt-login .ad-ico{margin:0}
.ad-unt-login .pm-btn{justify-self:start}
.ad-unt-login p{margin:0}
.ad-unt-side .pm-stack > div{overflow-wrap:anywhere}
.ad-doc-act{grid-template-columns:48px minmax(0,1fr) auto}
.ad-doc-act > div:nth-of-type(1) span + span{margin-top:4px}
.ad-doc-btns{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.ad-doc-act .ad-status{align-self:start}
.ad-unt-doc .pm-h3{margin:10px 0 6px}
.ad-unt-doc p{margin:0 0 12px}
.ad-hash{word-break:break-all;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12.5px!important}
.ad-unt-form{display:grid;gap:12px}
.ad-unt-form .ad-card-k{display:block}
.ad-unt-form .pm-form2{gap:14px 16px}
.ad-unt-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--pm-tinte)}
.ad-unt-check input{margin-top:4px;flex:none;width:18px;height:18px;accent-color:var(--ad-blau)}
.ad-sign{position:relative;height:190px;border:1.5px dashed #b9c8da;border-radius:16px;background:#fbfdff;touch-action:none;transition:border-color .2s,box-shadow .2s}
.ad-sign canvas{display:block;width:100%;height:100%;border-radius:16px;cursor:crosshair;touch-action:none;position:relative;z-index:1}
.ad-sign-line{position:absolute;left:7%;right:7%;bottom:30%;border-bottom:1.5px solid #c9d5e3;pointer-events:none}
.ad-sign-x{position:absolute;left:4%;bottom:calc(30% - 4px);font-size:20px;line-height:1;color:#9fb0c4;pointer-events:none}
.ad-sign-clear{position:absolute;top:10px;right:10px;z-index:2}
.ad-sign-on{border-style:solid;border-color:#8fc3e6;box-shadow:0 0 0 4px rgba(90,172,220,.14)}
.ad-sign-err{border-color:var(--pm-krit);box-shadow:0 0 0 4px rgba(221,75,57,.12)}
.ad-sign-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.ad-sign-tools p{margin:0}
@media (max-width:700px){
  .ad-unt-login{padding:22px}
  .ad-sign{height:170px}
  .ad-doc-act{grid-template-columns:44px minmax(0,1fr)}
  .ad-doc-act .ad-status{grid-column:2;justify-self:start}
}

/* ===== 1.1.0 Unterlagen in der Redaktion ===== */
.ad-picks{display:grid;gap:8px}
.ad-pick{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:10px 14px;border:1px solid var(--pm-rand);border-radius:10px;background:#fbfcfe}
.ad-pick-sign{margin-left:auto}
.ad-dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 16px;margin:0;font-size:14.5px}
.ad-dl dt{font-weight:600;color:var(--pm-schiefer)}
.ad-dl dd{margin:0;overflow-wrap:anywhere}
.ad-actions{display:grid;gap:10px}
.ad-actions .pm-row8{align-items:center}
.ad-days{width:84px!important}
.ad-pw{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:18px!important;letter-spacing:.06em}
.ad-fresh{border-color:#8fc3e6;box-shadow:0 0 0 4px rgba(90,172,220,.14)}
.ad-log{max-height:440px;overflow:auto}
.pm-atable.ad-atable-s{min-width:0}
@media (max-width:700px){ .ad-dl{grid-template-columns:1fr} .ad-pick-sign{margin-left:0} }
.ad-radios{display:grid;gap:8px;border:0;margin:0;padding:0;min-width:0}
.ad-radios legend{margin-bottom:8px}
.ad-radios .pm-check{font-weight:400;align-items:flex-start}
.ad-radios .pm-check input{margin-top:3px}
.ad-unt .pm-alert{margin-bottom:32px}