/* PathHub Media-Kit: wiederverwendbare, animierte Inhaltsbausteine für Artikel.
   Inhalte stehen immer vollständig im HTML (für Suchmaschinen und ohne JS).
   Animationen nur, wenn mk.js die Klasse .mk-js setzt und keine reduzierte Bewegung gewünscht ist. */
.mk{--mk-a:#4F46E5;--mk-b:#7C3AED;--mk-soft:#EEF2FF;--mk-line:#E5E7EB;--mk-text:#374151;--mk-mute:#6B7280}
.mk,.mk *{box-sizing:border-box}
.article-body .mk{margin:1.75rem 0 2.25rem}
.mk p,.mk li{margin:0!important;padding:0}
.mk ul,.mk ol,ol.mk,ul.mk{margin-left:0!important;margin-right:0!important;padding:0!important;list-style:none!important}
.mk li,.article-body .mk li{list-style:none!important}
.mk li::marker{content:""}
.article-body .mk-cmps{margin:1.5rem 0 2rem}
.article-body .mk-cmps .mk{margin:0}
.mk-type td,.mk-type th{border-left:0!important;border-right:0!important}
.mk-cap{font-size:.85rem;color:#6B7280;margin-top:.6rem!important;text-align:center}

/* Rahmen (Screenshot / Video) */
.mk-frame{border-radius:14px;overflow:hidden;border:1px solid #E0E7FF;background:#fff;box-shadow:0 24px 48px -28px rgba(48,40,109,.45)}
.mk-frame-bar{display:flex;align-items:center;gap:6px;padding:.55rem .8rem;background:#F8F9FC;border-bottom:1px solid #EEF0F6;font-size:.78rem;color:#6B7280}
.mk-frame-bar i{width:9px;height:9px;border-radius:50%;background:#E5E7EB;display:inline-block}
.mk-frame-bar span{margin-left:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-frame img,.mk-frame video{display:block;width:100%;height:auto}

/* Vorlagen-Vorschau (Dokument) */
.mk-doc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.75rem;align-items:center;background:linear-gradient(135deg,#F5F6FF,#FAF5FF);border:1px solid #E0E7FF;border-radius:18px;padding:1.5rem}
.mk-doc-paper{position:relative}
.mk-doc-paper::before,.mk-doc-paper::after{content:"";position:absolute;inset:0;border-radius:6px;background:#fff;border:1px solid #E5E7EB}
.mk-doc-paper::before{transform:rotate(-3deg) translate(-6px,6px);opacity:.7}
.mk-doc-paper::after{transform:rotate(2deg) translate(6px,4px);opacity:.85}
.mk-doc-view{position:relative;z-index:1;height:440px;overflow:hidden;border-radius:6px;background:#fff;border:1px solid #E5E7EB;box-shadow:0 18px 40px -22px rgba(30,27,75,.45)}
.mk-doc-view img{display:block;width:100%;height:auto}
.mk-doc-view::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.mk-doc-badge{position:absolute;z-index:2;top:-10px;left:14px;background:#2B579A;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.25rem .6rem;border-radius:6px}
.mk-doc-badge.xl{background:#217346}
.mk-doc-side strong{display:block;font-size:1.15rem;color:#111827;margin-bottom:.4rem}
.mk-doc-side>p{font-size:.95rem;color:#4B5563;line-height:1.55;margin-bottom:.9rem!important}
.mk-doc-facts{display:grid;gap:.4rem;margin-bottom:1.1rem!important}
.mk-doc-facts li{display:flex;gap:.5rem;font-size:.92rem;color:#374151;line-height:1.45}
.mk-doc-facts li::before{content:"";flex-shrink:0;width:16px;height:16px;margin-top:.15rem;border-radius:4px;background:#ECFDF5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat}
.mk-btns{display:flex;flex-wrap:wrap;gap:.6rem}
a.mk-btn,a.mk-btn2{display:inline-flex;align-items:center;gap:.45rem;border-radius:10px;padding:.6rem 1rem;font-weight:700;font-size:.93rem;text-decoration:none!important;line-height:1.2}
a.mk-btn{background:linear-gradient(135deg,#4F46E5,#7C3AED);color:#fff!important;box-shadow:0 8px 18px -10px rgba(79,70,229,.8)}
a.mk-btn2{background:#fff;color:#4F46E5!important;border:1px solid #C7D2FE}
a.mk-btn:hover,a.mk-btn2:hover{transform:translateY(-1px)}
/* Tabellenblatt-Vorschau (breit) */
.mk-sheet{border:1px solid #E0E7FF;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 48px -30px rgba(48,40,109,.45)}
.mk-sheet-view{overflow:hidden;position:relative}
.mk-sheet-view img{display:block;width:100%;height:auto}
.mk-sheet-foot{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-top:1px solid #EEF0F6;background:#FAFBFF}
.mk-sheet-foot span{font-size:.9rem;color:#4B5563}

/* Ablauf horizontal (z. B. Lastenheft -> Pflichtenheft -> Abnahme) */
.mk-flow{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:0;position:relative;counter-reset:mkf}
.mk-flow li{position:relative;text-align:center;padding:0 .4rem!important}
.mk-flow li::before{counter-increment:mkf;content:counter(mkf);display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto .65rem;border-radius:14px;background:linear-gradient(135deg,#4F46E5,#7C3AED);color:#fff;font-weight:800;position:relative;z-index:1;box-shadow:0 8px 18px -8px rgba(79,70,229,.7)}
.mk-flow li::after{content:"";position:absolute;top:21px;left:calc(50% + 26px);right:calc(-50% + 26px);height:3px;border-radius:2px;background:linear-gradient(90deg,#C7D2FE 0,#C7D2FE 40%,#7C3AED 50%,#C7D2FE 60%,#C7D2FE 100%);background-size:250% 100%;background-position:100% 0}
.mk-flow li:last-child::after{display:none}
.mk-flow b{display:block;font-size:.98rem;color:#111827;margin-bottom:.2rem}
.mk-flow span{display:block;font-size:.84rem;color:#6B7280;line-height:1.4}
.mk-flow em{display:inline-block;font-style:normal;font-size:.72rem;font-weight:700;color:#4338CA;background:#EEF2FF;border-radius:999px;padding:.1rem .55rem;margin-top:.4rem}

/* Schritte vertikal */
.mk-steps{position:relative;counter-reset:mks}
.mk-steps::before{content:"";position:absolute;left:19px;top:10px;bottom:10px;width:2px;background:linear-gradient(#C7D2FE,#DDD6FE);transform-origin:top}
.mk-steps li{position:relative;padding:0 0 0 3.4rem!important;margin:0 0 1.15rem!important;counter-increment:mks}
.mk-steps li:last-child{margin-bottom:0!important}
.mk-steps li::before{content:counter(mks);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#4F46E5,#7C3AED);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -6px rgba(79,70,229,.6)}
.mk-steps h3{margin:0 0 .25rem!important;font-size:1.06rem;padding-top:.45rem}
.mk-steps p{font-size:.97rem;line-height:1.6;color:#374151}
.mk-steps .mk-t{display:inline-block;margin-left:.35rem;font-size:.74rem;font-weight:600;color:#4338CA;background:#EEF2FF;border-radius:999px;padding:.1rem .55rem;vertical-align:2px}

/* Vorher / Nachher */
.mk-cmp{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.mk-card{border:1px solid #E5E7EB;border-radius:14px;padding:1rem 1.1rem;background:#fff}
.mk-card small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;color:#7C3AED}
.mk-card.bad{border-color:#FECACA;background:#FFFBFB}.mk-card.bad small{color:#B91C1C}
.mk-card.plain{background:#FAFBFF}.mk-card.plain small{color:#4F46E5}
.mk-card.good{border-color:#A7F3D0;background:#F7FEFB}.mk-card.good small{color:#047857}
.mk-card p{font-size:.96rem;line-height:1.55;color:#1F2937}
.mk-card .why{display:block;font-size:.86rem;color:#6B7280;margin-top:.5rem}
.mk-card mark{background:linear-gradient(transparent 58%,#BBF7D0 58%);background-size:100% 100%;background-repeat:no-repeat;color:inherit;padding:0 .05em}
.mk-card.bad mark{background-image:linear-gradient(transparent 58%,#FECACA 58%)}
.mk-cmps{display:grid;gap:.9rem}

/* Tipp-Tabelle (Anforderungen werden "eingetippt") */
.mk-type{border:1px solid #E0E7FF;border-radius:14px;overflow:hidden;background:#fff}
.mk-type-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem 1rem;background:#F8F9FC;border-bottom:1px solid #EEF0F6;font-size:.8rem;color:#6B7280}
.mk-type-head b{color:#111827;font-size:.88rem}
.mk-type-head button{border:1px solid #E0E7FF;background:#fff;color:#4F46E5;font:inherit;font-size:.78rem;font-weight:600;border-radius:999px;padding:.2rem .7rem;cursor:pointer}
.mk-type table{width:100%;border-collapse:collapse;font-size:.9rem;margin:0!important;border:0!important}
.mk-type th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:#6B7280;background:#fff;padding:.55rem .8rem;border-bottom:1px solid #EEF0F6}
.mk-type td{padding:.65rem .8rem;border-bottom:1px solid #F3F4F6;vertical-align:top;color:#1F2937;line-height:1.5}
.mk-type tr:last-child td{border-bottom:0}
.mk-type td:first-child{font-weight:700;color:#4338CA;white-space:nowrap}
.mk-prio{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:.1rem .5rem;background:#FEE2E2;color:#B91C1C}
.mk-prio.soll{background:#FEF3C7;color:#92400E}.mk-prio.kann{background:#E0F2FE;color:#075985}
.mk-caret::after{content:"";display:inline-block;width:2px;height:1em;margin-left:1px;background:#4F46E5;vertical-align:-2px;animation:mk-blink .8s steps(1) infinite}
@keyframes mk-blink{50%{opacity:0}}

/* Matrix 2x2 (z. B. Einfluss/Interesse) */
.mk-matrix{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:.4rem}
.mk-mx-y{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.78rem;font-weight:700;color:#6B7280;text-align:center;letter-spacing:.04em}
.mk-mx-x{grid-column:2;font-size:.78rem;font-weight:700;color:#6B7280;text-align:center;letter-spacing:.04em}
.mk-mx{position:relative;aspect-ratio:1.35/1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;border-radius:14px;overflow:hidden}
.mk-mx>div{padding:.55rem .7rem;font-size:.8rem;font-weight:700}
.mk-mx>div span{display:block;font-weight:500;color:#6B7280;font-size:.74rem}
.mk-q1{background:#FEF3C7;color:#92400E}.mk-q2{background:#FEE2E2;color:#991B1B}.mk-q3{background:#F3F4F6;color:#374151}.mk-q4{background:#E0F2FE;color:#075985}
.mk-dot{position:absolute;left:var(--px);bottom:var(--py);transform:translate(-50%,50%);display:flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:600;color:#111827;white-space:nowrap;z-index:2}
.mk-dot::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--c,#4F46E5);box-shadow:0 0 0 3px #fff,0 4px 10px -2px rgba(0,0,0,.35)}
.mk-dot.r{flex-direction:row-reverse;transform:translate(calc(-100% + 6px),50%)}
.mk-dot:not(.r){transform:translate(-6px,50%)}
.mk-mx>div{position:relative}

.mk-matrix{max-width:640px;margin-left:auto!important;margin-right:auto!important}
.mk-dot i{display:none;font-style:normal}
.mk-mx-leg{display:none}
@media (max-width:768px){
  .mk-dot em{display:none}
  .mk-dot::before{display:none}
  .mk-dot i{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--c,#4F46E5);color:#fff;font-size:.68rem;font-weight:800;box-shadow:0 0 0 2px #fff}
  .mk-dot,.mk-dot.r,.mk-dot:not(.r){transform:translate(-50%,50%)}
  .mk-mx>div span{display:none}
  .mk-mx-leg{display:grid;grid-column:1/3;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;gap:.3rem .8rem;margin-top:.6rem!important;font-size:.82rem;color:#374151;counter-reset:leg}
  .mk-mx-leg li{min-width:0;overflow-wrap:anywhere;display:flex;gap:.4rem;align-items:center}
  .mk-mx-leg li::before{counter-increment:leg;content:counter(leg);flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--c);color:#fff;font-size:.66rem;font-weight:800;display:flex;align-items:center;justify-content:center}
}
.mk-dot em{font-style:normal}

/* Meilenstein-Zeitstrahl */
.mk-ms{position:relative;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));padding-top:.4rem}
.mk-ms::before{content:"";position:absolute;left:0;right:0;top:calc(.4rem + 15px);height:3px;border-radius:2px;background:linear-gradient(90deg,#4F46E5,#7C3AED);transform-origin:left}
.mk-ms li{position:relative;text-align:center;padding:0 .35rem!important}
.mk-ms li::before{content:"";display:block;width:22px;height:22px;margin:4px auto .8rem;transform:rotate(45deg);border-radius:4px;background:#fff;border:3px solid #4F46E5;position:relative;z-index:1}
.mk-ms li.done::before{background:#4F46E5}
.mk-ms b{display:block;font-size:.9rem;color:#111827;line-height:1.3}
.mk-ms span{display:block;font-size:.8rem;color:#6B7280;line-height:1.4;margin-top:.2rem}
.mk-ms em{display:inline-block;font-style:normal;font-size:.72rem;font-weight:700;color:#4338CA;background:#EEF2FF;border-radius:999px;padding:.05rem .5rem;margin-top:.35rem}

/* Balken (Budget o. Ä.) */
.mk-bars{display:grid;gap:.55rem}
.mk-bar{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr) 6.2rem;gap:.8rem;align-items:center;font-size:.88rem}
.mk-bar div{height:12px;border-radius:6px;background:#F3F4F6;overflow:hidden}
.mk-bar div i{display:block;height:100%;width:var(--w);border-radius:6px;background:linear-gradient(90deg,#4F46E5,#7C3AED);transform-origin:left}
.mk-bar b{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}

/* Reiter */
.mk-tablist{display:flex;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}
.mk-tablist::-webkit-scrollbar{display:none}
.mk-tablist button{flex-shrink:0;border:1px solid #E0E7FF;background:#fff;color:#4B5563;border-radius:999px;padding:.4rem .9rem;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}
.mk-tablist button[aria-selected=true]{background:#4F46E5;border-color:#4F46E5;color:#fff}
.mk-panel{display:none}.mk-panel.on{display:block}
.mk-panel>p{font-size:.93rem;color:#4B5563;margin:.6rem 0 0!important}

/* Hinweis */
.mk-note{display:flex;gap:.8rem;border:1px solid #FDE68A;background:#FFFBEB;border-radius:14px;padding:1rem 1.1rem}
.mk-note svg{flex-shrink:0;color:#D97706;margin-top:.15rem}
.mk-note p{font-size:.95rem;line-height:1.6}
.mk-note.info{border-color:#C7D2FE;background:#F5F6FF}.mk-note.info svg{color:#4F46E5}

/* Kapitel-Raster */
.mk-grid{display:grid;grid-template-columns:repeat(var(--c,2),minmax(0,1fr));gap:.8rem}
.mk-tile{border:1px solid #E5E7EB;border-radius:14px;padding:1rem 1.05rem;background:#fff;transition:border-color .2s,transform .2s}
.mk-tile:hover{border-color:#C7D2FE;transform:translateY(-2px)}
.mk-tile b{display:flex;gap:.5rem;align-items:baseline;font-size:.98rem;color:#111827;margin-bottom:.3rem}
.mk-tile b i{font-style:normal;font-size:.75rem;font-weight:800;color:#4F46E5;background:#EEF2FF;border-radius:6px;padding:.05rem .4rem}
.mk-tile p{font-size:.9rem;color:#4B5563;line-height:1.5}
a.mk-tile{display:block;text-decoration:none!important;color:inherit!important}


/* KI-Eingabe (Formular zu Generator oder /try) */
.mk-ai{border-radius:18px;padding:1.4rem 1.5rem;background:linear-gradient(135deg,#1E1B4B,#312E81 55%,#4C1D95);color:#E0E7FF}
.mk-ai h3{color:#fff!important;font-size:1.2rem;margin:0 0 .35rem!important}
.mk-ai>p{color:#C7D2FE;font-size:.95rem;margin:0 0 1rem!important}
.mk-ai form{display:grid;gap:.75rem;margin:0}
.mk-ai fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.mk-ai legend{font-size:.78rem;font-weight:700;color:#A5B4FC;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem;float:left;width:100%}
.mk-ai fieldset label{position:relative;cursor:pointer}
.mk-ai fieldset input{position:absolute;opacity:0;pointer-events:none}
.mk-ai fieldset span{display:inline-block;border:1px solid rgba(199,210,254,.35);border-radius:999px;padding:.3rem .8rem;font-size:.86rem;font-weight:600;color:#E0E7FF}
.mk-ai fieldset input:checked+span{background:#fff;color:#312E81;border-color:#fff}
.mk-ai fieldset input:focus-visible+span{outline:2px solid #A5B4FC;outline-offset:2px}
.mk-ai textarea{width:100%;min-height:110px;border-radius:12px;border:1px solid rgba(199,210,254,.35);background:rgba(255,255,255,.08);color:#fff;padding:.8rem .9rem;font:inherit;font-size:.95rem;line-height:1.5;resize:vertical}
.mk-ai textarea::placeholder{color:#A5B4FC}
.mk-ai-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}
.mk-ai-row small{color:#A5B4FC;font-size:.8rem}
.mk-ai-row small a{color:#E0E7FF}
.mk-ai button{border:0;border-radius:10px;padding:.7rem 1.15rem;background:#fff;color:#312E81;font:inherit;font-weight:800;font-size:.95rem;cursor:pointer}
.mk-ai button:hover{background:#EEF2FF}


/* Mini-Gantt */
.mk-gantt{border:1px solid #E5E7EB;border-radius:14px;padding:1rem 1.1rem;background:#fff}
.mk-gr{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:.8rem;align-items:center;padding:.28rem 0}
.mk-gr>span{font-size:.86rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-gt{position:relative;height:14px;border-radius:4px;background:repeating-linear-gradient(90deg,#F3F4F6 0,#F3F4F6 calc(100%/var(--n) - 1px),#fff calc(100%/var(--n) - 1px),#fff calc(100%/var(--n)))}
.mk-gt i{position:absolute;top:0;bottom:0;left:calc(var(--s)*100%/var(--n));width:calc(var(--w)*100%/var(--n));border-radius:4px;background:linear-gradient(90deg,#6366F1,#8B5CF6);transform-origin:left}
.mk-gt i.ms{background:linear-gradient(90deg,#F59E0B,#F97316)}
.mk-gax{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:.8rem;font-size:.74rem;color:#9CA3AF;margin-top:.35rem}
.mk-gax div{display:flex;justify-content:space-between}
.mk-js .mk-gantt[data-mk] .mk-gt i{transform:scaleX(0);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.mk-js .mk-gantt.mk-in .mk-gt i{transform:scaleX(1);transition-delay:calc(var(--i,0)*.12s)}
.mk-gt b{position:absolute;top:50%;left:calc(var(--s)*100%/var(--n));width:13px;height:13px;margin:-6.5px 0 0 -6.5px;transform:rotate(45deg);border-radius:3px;background:#F59E0B;box-shadow:0 0 0 2px #fff}
.mk-gr.msd>span{white-space:normal;line-height:1.35}
.mk-js .mk-gantt[data-mk] .mk-gt b{transform:rotate(45deg) scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.mk-js .mk-gantt.mk-in .mk-gt b{transform:rotate(45deg) scale(1);transition-delay:calc(var(--i,0)*.15s)}
@media (max-width:768px){.mk-gr,.mk-gax{grid-template-columns:minmax(0,1fr)}.mk-gr{gap:.2rem;padding:.35rem 0}.mk-gax>span:first-child{display:none}}


/* Screenshot-Rundgang (Reiter mit Auto-Weiterschalten) */
.mk-tabs[data-auto] .mk-tablist button{position:relative;overflow:hidden}
.mk-tabs[data-auto] .mk-tablist button::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:rgba(255,255,255,.75)}
.mk-tabs.mk-run .mk-tablist button[aria-selected=true]::after{animation:mk-prog var(--dur,6s) linear forwards}
@keyframes mk-prog{to{width:100%}}
.mk-shot{display:grid;gap:.7rem}
.mk-shot figcaption{font-size:.92rem;color:#4B5563;line-height:1.55}
.mk-shot figcaption b{color:#111827}
.mk-phone-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.5rem;align-items:center}
.mk-phone{border:9px solid #111827;border-radius:30px;overflow:hidden;background:#F3F4F6;box-shadow:0 24px 48px -26px rgba(17,24,39,.6);max-height:470px}
.mk-phone img{display:block;width:100%;height:auto}
.mk-panel .mk-frame{max-height:560px;overflow:hidden;position:relative}
.mk-panel .mk-frame::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.mk-panel .mk-frame.full{max-height:none}.mk-panel .mk-frame.full::after{display:none}
.mk-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.mk-chips a{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #E0E7FF;background:#fff;border-radius:999px;padding:.35rem .85rem;font-size:.88rem;font-weight:600;color:#4338CA!important;text-decoration:none!important}
.mk-chips a:hover{border-color:#A5B4FC;background:#F5F6FF}
.mk-sec-inner{max-width:880px;margin:0 auto}
@media (max-width:768px){.mk-phone-row{grid-template-columns:1fr}.mk-phone{max-width:240px;margin:0 auto}}


/* Szenario-Dreieck */
.mk-tri{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.5rem;align-items:center;border:1px solid #E0E7FF;border-radius:18px;padding:1.3rem;background:linear-gradient(135deg,#F8F9FF,#FBF7FF)}
.mk-tri svg{width:100%;height:auto;display:block;max-width:340px;margin:0 auto}
.mk-tri .base{fill:none;stroke:#C7D2FE;stroke-width:2;stroke-dasharray:6 5}
.mk-tri .cur{fill:rgba(99,102,241,.16);stroke:#4F46E5;stroke-width:3;stroke-linejoin:round}
.mk-tri text{font-size:13px;font-weight:700;fill:#374151}
.mk-tri .val{font-size:12px;font-weight:700}
.mk-tri-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}
.mk-tri-btns button{border:1px solid #E0E7FF;background:#fff;color:#4B5563;border-radius:999px;padding:.38rem .85rem;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer}
.mk-tri-btns button[aria-pressed=true]{background:#4F46E5;border-color:#4F46E5;color:#fff}
.mk-tri-p{display:none;font-size:.95rem;line-height:1.6;color:#374151}
.mk-tri-p.on{display:block}
.mk-tri-p b{color:#111827}
/* Fragen-Finder */
.mk-quiz{border:1px solid #E0E7FF;border-radius:18px;padding:1.3rem 1.4rem;background:#fff}
.mk-quiz fieldset{border:0;margin:0 0 1rem;padding:0}
.mk-quiz legend{font-weight:700;color:#111827;margin-bottom:.45rem;font-size:.98rem}
.mk-quiz .opts{display:flex;flex-wrap:wrap;gap:.4rem}
.mk-quiz label{position:relative;cursor:pointer}
.mk-quiz input{position:absolute;opacity:0;pointer-events:none}
.mk-quiz label span{display:inline-block;border:1px solid #E0E7FF;border-radius:999px;padding:.35rem .85rem;font-size:.88rem;font-weight:600;color:#4B5563;background:#fff}
.mk-quiz input:checked+span{background:#4F46E5;border-color:#4F46E5;color:#fff}
.mk-quiz input:focus-visible+span{outline:2px solid #A5B4FC;outline-offset:2px}
.mk-quiz-out{border-top:1px solid #EEF0F6;margin-top:.4rem;padding-top:1rem}
.mk-quiz-res{display:none}
.mk-quiz-res.on{display:block;animation:mk-pop .4s ease}
.mk-quiz-res h3{margin:0 0 .3rem!important;font-size:1.15rem;color:#4338CA}
.mk-quiz-res p{font-size:.95rem;line-height:1.6;color:#374151}
.mk-quiz-hint{font-size:.9rem;color:#6B7280}
@keyframes mk-pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* RACI-Tabelle */
.mk-raci{border:1px solid #E0E7FF;border-radius:14px;overflow-x:auto;background:#fff}
.mk-raci table{width:100%;border-collapse:collapse;font-size:.86rem;margin:0!important;border:0!important;min-width:600px;table-layout:fixed}
.mk-raci th:first-child{width:25%;padding-left:.8rem!important}
.mk-raci th{font-size:.62rem;letter-spacing:-.01em;white-space:normal!important;overflow:hidden;padding-left:.15rem!important;padding-right:.15rem!important;color:#6B7280;text-transform:none;font-weight:700;padding:.55rem .4rem;text-align:center;background:#F8F9FC;border-bottom:1px solid #EEF0F6;line-height:1.25;vertical-align:bottom}
.mk-raci th:first-child,.mk-raci td:first-child{text-align:left;padding-left:.8rem}
.mk-raci td{padding:.5rem .2rem;border-bottom:1px solid #F3F4F6;text-align:center;vertical-align:middle;line-height:1.4}
.mk-raci td:first-child{color:#1F2937}
.mk-raci b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:.8rem;font-weight:800}
.mk-raci b.R{background:#4F46E5;color:#fff}.mk-raci b.A{background:#DC2626;color:#fff}.mk-raci b.C{background:#FEF3C7;color:#92400E}.mk-raci b.I{background:#E0F2FE;color:#075985}
.mk-raci-leg{display:flex;flex-wrap:wrap;gap:.8rem;padding:.7rem .9rem;border-top:1px solid #EEF0F6;font-size:.82rem;color:#4B5563}
.mk-raci-leg b{width:22px;height:22px;font-size:.72rem;margin-right:.25rem}
.mk-js .mk-raci[data-mk] td b{transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.mk-js .mk-raci.mk-in td b{transform:scale(1);transition-delay:calc(var(--i,0)*45ms)}
@media (max-width:768px){.mk-tri{grid-template-columns:1fr}}


/* Rechner */
.mk-calc{border:1px solid #E0E7FF;border-radius:18px;padding:1.3rem 1.4rem;background:linear-gradient(135deg,#F8F9FF,#FBF7FF)}
.mk-calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.1rem}
.mk-calc label{display:block;font-size:.86rem;font-weight:600;color:#374151}
.mk-calc label small{display:block;font-weight:400;color:#6B7280;font-size:.78rem;margin-top:.1rem}
.mk-calc input{width:100%;margin-top:.35rem;border:1px solid #D1D5DB;border-radius:10px;padding:.5rem .7rem;font:inherit;font-size:.95rem;background:#fff}
.mk-calc input:focus{outline:2px solid #A5B4FC;border-color:#A5B4FC}
.mk-calc-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1.1rem}
.mk-calc-out div{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:.75rem .85rem}
.mk-calc-out span{display:block;font-size:.76rem;color:#6B7280;font-weight:600}
.mk-calc-out b{display:block;font-size:1.25rem;color:#312E81;font-variant-numeric:tabular-nums;margin-top:.15rem}
@media (max-width:768px){.mk-calc-grid,.mk-calc-out{grid-template-columns:1fr}}

/* ---------- Animationen (nur mit JS, ohne reduzierte Bewegung) ---------- */
.mk-js [data-mk] .mk-stag>*{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.mk-js [data-mk].mk-in .mk-stag>*{opacity:1;transform:none}
.mk-js [data-mk].mk-in .mk-stag>*:nth-child(2){transition-delay:.12s}.mk-js [data-mk].mk-in .mk-stag>*:nth-child(3){transition-delay:.24s}
.mk-js [data-mk].mk-in .mk-stag>*:nth-child(4){transition-delay:.36s}.mk-js [data-mk].mk-in .mk-stag>*:nth-child(5){transition-delay:.48s}
.mk-js [data-mk].mk-in .mk-stag>*:nth-child(6){transition-delay:.6s}.mk-js [data-mk].mk-in .mk-stag>*:nth-child(7){transition-delay:.72s}
.mk-js [data-mk].mk-in .mk-stag>*:nth-child(8){transition-delay:.84s}.mk-js [data-mk].mk-in .mk-stag>*:nth-child(n+9){transition-delay:.96s}
.mk-js .mk-doc.mk-in .mk-doc-view img{animation:mk-scroll 22s ease-in-out 1.2s infinite alternate}
.mk-js .mk-doc .mk-doc-view:hover img{animation-play-state:paused}
@keyframes mk-scroll{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + 440px))}}
.mk-js .mk-flow.mk-in li::after{animation:mk-pulse 2.6s linear infinite}
@keyframes mk-pulse{from{background-position:100% 0}to{background-position:-50% 0}}
.mk-js .mk-steps[data-mk]::before{transform:scaleY(0);transition:transform 1.2s ease}
.mk-js .mk-steps.mk-in::before{transform:scaleY(1)}
.mk-js .mk-ms[data-mk]::before{transform:scaleX(0);transition:transform 1.2s ease}
.mk-js .mk-ms.mk-in::before{transform:scaleX(1)}
.mk-js .mk-ms[data-mk] li::before{transform:rotate(45deg) scale(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.mk-js .mk-ms.mk-in li::before{transform:rotate(45deg) scale(1)}
.mk-js .mk-ms.mk-in li:nth-child(2)::before{transition-delay:.25s}.mk-js .mk-ms.mk-in li:nth-child(3)::before{transition-delay:.5s}
.mk-js .mk-ms.mk-in li:nth-child(4)::before{transition-delay:.75s}.mk-js .mk-ms.mk-in li:nth-child(5)::before{transition-delay:1s}
.mk-js .mk-ms.mk-in li:nth-child(6)::before{transition-delay:1.25s}.mk-js .mk-ms.mk-in li:nth-child(n+7)::before{transition-delay:1.5s}
.mk-js .mk-matrix[data-mk] .mk-dot{left:50%;bottom:50%;opacity:0;transition:left .9s cubic-bezier(.22,1,.36,1),bottom .9s cubic-bezier(.22,1,.36,1),opacity .4s}
.mk-js .mk-matrix.mk-in .mk-dot{left:var(--px);bottom:var(--py);opacity:1;transition-delay:calc(var(--i,0) * .12s)}
.mk-js .mk-bars[data-mk] .mk-bar i{transform:scaleX(0);transition:transform 1s cubic-bezier(.22,1,.36,1)}
.mk-js .mk-bars.mk-in .mk-bar i{transform:scaleX(1)}
.mk-js .mk-cmp[data-mk] .good mark{background-size:0 100%;transition:background-size .9s ease .5s}
.mk-js .mk-cmp.mk-in .good mark{background-size:100% 100%}

@media (max-width:768px){
  .mk-doc{grid-template-columns:1fr;padding:1.1rem;gap:1.25rem}
  .mk-doc-view{height:360px}
  @keyframes mk-scroll{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + 360px))}}
  .mk-sheet-view img{width:220%;max-width:none}
  .mk-js .mk-sheet.mk-in .mk-sheet-view img{animation:mk-pan 14s ease-in-out 1s infinite alternate}
  .mk-flow{grid-template-columns:1fr;gap:1rem}
  .mk-flow li{display:grid;grid-template-columns:44px 1fr;column-gap:.9rem;text-align:left;padding:0!important}
  .mk-flow li::before{grid-row:1/4;margin:0}
  .mk-flow li::after{top:48px;bottom:-14px;left:21px;right:auto;width:3px;height:auto;background:linear-gradient(180deg,#C7D2FE 0,#C7D2FE 40%,#7C3AED 50%,#C7D2FE 60%,#C7D2FE 100%);background-size:100% 250%}
  .mk-js .mk-flow.mk-in li::after{animation:mk-pulse-v 2.6s linear infinite}
  .mk-flow em{justify-self:start}
  .mk-cmp{grid-template-columns:1fr}
  .mk-grid{grid-template-columns:1fr}
  .mk-ms{grid-template-columns:1fr;padding:0 0 0 .2rem}
  .mk-ms::before{left:13px;right:auto;top:6px;bottom:6px;width:3px;height:auto;transform-origin:top}
  .mk-js .mk-ms[data-mk]::before{transform:scaleY(0)}
  .mk-js .mk-ms.mk-in::before{transform:scaleY(1)}
  .mk-ms li{display:grid;grid-template-columns:28px 1fr;column-gap:.8rem;text-align:left;padding:0 0 1rem!important}
  .mk-ms li::before{grid-row:1/4;margin:2px 0 0 2px}
  .mk-ms em{justify-self:start}
  .mk-bar{grid-template-columns:minmax(0,1fr) auto;row-gap:.25rem}
  .mk-bar div{grid-column:1/3;grid-row:2}
  .mk-type table,.mk-type tbody,.mk-type tr,.mk-type td{display:block;width:100%}
  .mk-type thead{display:none}
  .mk-type tr{padding:.7rem .9rem;border-bottom:1px solid #F3F4F6}
  .mk-type td{border:0!important;padding:.1rem 0!important}
  .mk-type td[data-l]::before{content:attr(data-l)": ";font-size:.74rem;font-weight:700;color:#9CA3AF;text-transform:uppercase;letter-spacing:.04em}
  .mk-mx{aspect-ratio:1/1.05}
  .mk-dot{font-size:.68rem}
}
@keyframes mk-pan{0%,10%{transform:translateX(0)}90%,100%{transform:translateX(calc(-100% + 100vw - 64px))}}
@keyframes mk-pulse-v{from{background-position:0 100%}to{background-position:0 -50%}}
@media (prefers-reduced-motion:reduce){.mk *{animation:none!important;transition:none!important}}
.mk-wrap .mk{margin-bottom:1.5rem}
.mk-sec-inner>.mk,.mk-sec-inner>.mk-cmps{margin:0 0 1.5rem}.mk-sec-inner ul{padding-left:1.2rem}.mk-sec-inner li{margin:.3rem 0;line-height:1.6;color:#374151}

/* ---------- Tabellen in Artikeln: Zeilen erscheinen nacheinander (nur mit JS) ---------- */
.mk-js table.mk-rows[data-mk] tbody tr{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}
.mk-js table.mk-rows[data-mk].mk-in tbody tr{opacity:1;transform:none}
.mk-js table.mk-rows.mk-in tbody tr:nth-child(2){transition-delay:.07s}.mk-js table.mk-rows.mk-in tbody tr:nth-child(3){transition-delay:.14s}
.mk-js table.mk-rows.mk-in tbody tr:nth-child(4){transition-delay:.21s}.mk-js table.mk-rows.mk-in tbody tr:nth-child(5){transition-delay:.28s}
.mk-js table.mk-rows.mk-in tbody tr:nth-child(6){transition-delay:.35s}.mk-js table.mk-rows.mk-in tbody tr:nth-child(7){transition-delay:.42s}
.mk-js table.mk-rows.mk-in tbody tr:nth-child(8){transition-delay:.49s}.mk-js table.mk-rows.mk-in tbody tr:nth-child(n+9){transition-delay:.56s}
.mk-js table.mk-rows[data-mk] thead th{transition:box-shadow .6s ease}
.mk-js table.mk-rows[data-mk].mk-in thead th{box-shadow:inset 0 -2px 0 #4F46E5}
@media (prefers-reduced-motion:reduce){.mk-js table.mk-rows tbody tr{opacity:1!important;transform:none!important;transition:none!important}}

/* ===== Artikel-Tabellen im Stil der Hauptseiten (seit 10.11.2026) ===== */
.mk-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0}
table.mk-t:not(.mk table){width:100%;border-collapse:separate!important;border-spacing:0!important;border:1px solid #E2E5F1!important;border-radius:14px!important;overflow:hidden;background:#fff!important;box-shadow:0 1px 2px rgba(17,24,39,.04),0 12px 28px -20px rgba(79,70,229,.45)!important;font-size:.92rem;line-height:1.5;margin:1.5rem 0}
.table-wrapper>table.mk-t:not(.mk table),.mk-tw>table.mk-t{margin:0}
table.mk-t:not(.mk table) thead tr{background:linear-gradient(135deg,#4F46E5 0%,#6346E0 50%,#7C3AED 100%)!important}
table.mk-t:not(.mk table) thead th{background:transparent!important;color:#fff!important;font-weight:600!important;font-size:.84rem!important;letter-spacing:.01em!important;text-transform:none!important;text-align:left;padding:.85rem 1rem!important;border:0!important;vertical-align:bottom;box-shadow:none!important}
table.mk-t:not(.mk table) thead th *{color:inherit!important}
table.mk-t:not(.mk table) thead th.mk-hl{background:rgba(255,255,255,.16)!important;box-shadow:inset 0 -3px 0 #C7D2FE!important;font-weight:700!important}
table.mk-t:not(.mk table) tbody td,table.mk-t:not(.mk table) tbody th{padding:.8rem 1rem!important;border:0!important;border-top:1px solid #EDEFF6!important;vertical-align:top;color:#374151;text-align:left}
table.mk-t:not(.mk table) tbody tr:first-child>*{border-top:0!important}
:where(table.mk-t) tbody tr:nth-child(even)>*{background-color:#FAFAFE}
:where(table.mk-t) tbody tr:hover>*{background-color:#F4F3FF}
table.mk-t:not(.mk table) tbody td:first-child,table.mk-t:not(.mk table) tbody th{font-weight:600;color:#111827}
table.mk-t:not(.mk table) tbody td.mk-hl{background-color:#F1F0FF!important;color:#312E81;font-weight:600}
table.mk-t:not(.mk table) tbody tr:hover td.mk-hl{background-color:#E8E6FF!important}
@media (max-width:640px){
  table.mk-t:not(.mk table){font-size:.85rem}
  table.mk-t:not(.mk table) thead th{font-size:.78rem!important;padding:.7rem .75rem!important}
  table.mk-t:not(.mk table) tbody td,table.mk-t:not(.mk table) tbody th{padding:.65rem .75rem!important}
}

/* ===== Titelgrafiken: Rahmen + Einblenden (seit 10.11.2026) ===== */
.article-illustration.mk-ill{position:relative;border-radius:20px;padding:clamp(12px,3vw,30px);background:radial-gradient(120% 90% at 0% 0%,#E9EDFF 0%,rgba(233,237,255,0) 60%),radial-gradient(90% 80% at 100% 100%,#F3EEFF 0%,rgba(243,238,255,0) 62%),#F8F9FF;border:1px solid #E1E5F6;box-shadow:0 22px 44px -32px rgba(79,70,229,.45);overflow:hidden;isolation:isolate}
.article-illustration.mk-ill::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#C7D2FE 1px,transparent 1.3px);background-size:20px 20px;opacity:.55;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 78%);pointer-events:none}
.article-illustration.mk-ill svg{display:block;width:100%;height:auto;overflow:visible}
.mk-js .mk-ill .mk-a{opacity:0;transition:opacity .55s ease var(--t,0ms),transform .7s cubic-bezier(.2,.75,.25,1) var(--t,0ms)}
.mk-js .mk-ill .mk-a.mk-m{transform:translateY(10px) scale(.97);transform-box:fill-box;transform-origin:center}
.mk-js .mk-ill.mk-in .mk-a{opacity:var(--o,1)}
.mk-js .mk-ill.mk-in .mk-a.mk-m{transform:none}
.mk-js .mk-ill .mk-draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s ease calc(var(--t,0ms) + 150ms),opacity .3s ease var(--t,0ms)}
.mk-js .mk-ill.mk-in .mk-draw{stroke-dashoffset:0;opacity:var(--o,1)}
.mk-js .mk-ill.mk-in .mk-flow{animation:mkflow 1.6s linear infinite}
@keyframes mkflow{to{stroke-dashoffset:var(--d,-24px)}}
.mk-js .mk-ill.mk-in .mk-pulse{animation:mkpulse 2.8s ease-in-out 1.4s infinite;transform-box:fill-box;transform-origin:center}
@keyframes mkpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}