/* MOVE FIRST – übernommen aus design-handover/DID-Designuebergabe-Phase2/move-first/move-first.css
   (SHA-256 859ea11d…1364). Einzige Änderung: @font-face-Regeln entfernt – das Theme definiert
   "DID Sora" und "DID Source Sans 3" bereits identisch in assets/css/site.css (lokale WOFF2). */
/* DID / MOVE FIRST – scoped component, version 1.0
   No global font/body resets; compatible with a WordPress theme or a plain HTML page.
   Font files optional: install your own locally downloaded Fontsource WOFF2 files. */
.did-mf{
 --mf-ink:#1a272b; --mf-panel:#203036; --mf-mint:#9cddc0; --mf-magenta:#ec3599;
 --mf-body:"DID Source Sans 3","Source Sans 3",Arial,sans-serif;
 --mf-display:"DID Sora","Sora",Arial,Helvetica,sans-serif;
 background:var(--mf-ink);color:#f9faf9;position:relative;isolation:isolate;overflow:hidden;
 width:100%;min-height:810px;min-height:100svh;font-family:var(--mf-body);
}
.did-mf,.did-mf *,.did-mf *::before,.did-mf *::after{box-sizing:border-box}
.did-mf__backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 40% 70% at 85% 50%,rgba(18,73,70,.13),transparent 78%)}
.did-mf__inner{width:min(100% - 124px,1410px);min-height:810px;min-height:100svh;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.92fr);gap:clamp(80px,11.8vw,210px);align-items:center;padding-block:64px}
.did-mf__editorial{max-width:630px;min-width:0}
.did-mf__headline{font-family:var(--mf-display);font-size:clamp(96px,11.75vw,180px);font-weight:800;line-height:.91;letter-spacing:-.092em;margin:0 0 56px;white-space:nowrap;max-width:100%}
.did-mf__move,.did-mf__first{display:block}
.did-mf__first{color:var(--mf-mint);padding-left:clamp(65px,9.4vw,145px);margin-top:5px}
.did-mf__stop{color:var(--mf-magenta)}
.did-mf__divider{height:1px;background:#647174;opacity:.86;max-width:550px;margin-bottom:39px}
.did-mf__statement{font-family:var(--mf-display);font-size:clamp(27px,2.68vw,42px);font-weight:600;letter-spacing:-.055em;line-height:1.31;margin:0;color:#fff}
.did-mf__statement span{color:var(--mf-mint)}
.did-mf__aside{font-family:var(--mf-body);font-size:17px;line-height:1.55;max-width:415px;margin:32px 0 0;color:#c1d0cf}
.did-mf__panel{height:520px;min-height:520px;position:relative;isolation:isolate;padding:28px 25px 36px;background:rgba(31,49,54,.94);border:1px solid rgba(179,209,210,.25);display:flex;flex-direction:column;overflow:hidden}
.did-mf__panel::before{content:"";position:absolute;width:80%;height:74%;top:6%;left:14%;pointer-events:none;background:radial-gradient(circle,rgba(17,153,124,.16),transparent 66%);z-index:-1}
.did-mf__panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.did-mf__panel-head h3,.did-mf__panel-lead{margin:0;font-family:var(--mf-body);font-weight:800;letter-spacing:.17em;font-size:11px;color:#dcece7}
.did-mf__asterisk{font-size:23px;line-height:1;color:#a1e7cd;font-weight:400}
.did-mf__art{position:relative;min-height:270px;flex:1;display:grid;place-items:center;isolation:isolate}
.did-mf__field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9}
.did-mf__orb{position:absolute;aspect-ratio:1;border:1px solid rgba(89,230,204,.14);border-radius:50%;pointer-events:none}
.did-mf__orb--outer{width:310px;border-color:rgba(115,202,188,.10)}
.did-mf__orb--middle{width:268px;border-color:rgba(47,205,192,.17)}
.did-mf__orb--inner{width:217px;border-color:rgba(61,169,158,.17)}
.did-mf__arc{position:absolute;border-radius:50%;aspect-ratio:1;width:265px;pointer-events:none;filter:drop-shadow(0 0 7px currentColor)}
.did-mf__arc--green{color:#53f0ab;background:conic-gradient(from -25deg,transparent 0deg 48deg,currentColor 55deg 91deg,transparent 100deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.3px))}
.did-mf__arc--cyan{color:#29e5e9;width:267px;transform:rotate(126deg);background:conic-gradient(transparent 0deg 65deg,currentColor 81deg 98deg,transparent 107deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.3px))}
.did-mf__arc--pink{color:#f83fa7;width:269px;transform:rotate(226deg);background:conic-gradient(transparent 0deg 45deg,currentColor 53deg 96deg,transparent 103deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.3px))}
.did-mf__logo-glow{position:absolute;width:220px;aspect-ratio:1;background:radial-gradient(circle,rgba(21,227,151,.15),transparent 66%);filter:blur(20px);pointer-events:none}
.did-mf__symbol{width:181px;height:181px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 12px rgba(29,255,166,.14));transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.did-mf__panel:hover .did-mf__symbol{transform:scale(1.035);filter:drop-shadow(0 0 17px rgba(30,255,174,.22))}
.did-mf__panel-foot{position:relative;z-index:3}
.did-mf__panel-lead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;letter-spacing:.15em;font-size:10px}
.did-mf__panel-lead span:first-child{color:#87baba}
.did-mf__panel-lead span:last-child{color:#fff;font-size:14px;letter-spacing:0;font-weight:700}
.did-mf__topics{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}
.did-mf__topic{font:500 14px var(--mf-body);color:#e0eeec;cursor:pointer;border:1px solid #4c6164;background:transparent;min-height:39px;padding:8px 15px;transition:background-color .25s,border-color .25s,color .25s,transform .25s}
.did-mf__topic:hover{border-color:#afe7d6;transform:translateY(-1px)}
.did-mf__topic[aria-pressed="true"]{background:var(--mf-mint);border-color:var(--mf-mint);color:#132a29}
.did-mf__topic:focus-visible{outline:3px solid #fff;outline-offset:4px}
.did-mf__description{font:400 16px/1.43 var(--mf-body);color:#f5faf8;margin:18px 0 0;min-height:44px;max-width:470px}
.did-mf[data-current-topic="ki"]{--mf-mint:#a6e5d1}
.did-mf[data-current-topic="pdf"]{--mf-mint:#b5e7ca}
@media(max-width:1200px){
 .did-mf__inner{width:min(100% - 80px,1150px);gap:clamp(35px,4vw,90px);grid-template-columns:minmax(0,1fr) minmax(375px,.82fr)}
 .did-mf__headline{font-size:clamp(90px,10.9vw,141px)}
 .did-mf__first{padding-left:7vw}.did-mf__statement{font-size:clamp(26px,2.8vw,38px)}
}
@media(max-width:900px){
 .did-mf__inner{grid-template-columns:1fr;max-width:670px;width:calc(100% - 68px);min-height:0;padding-block:86px 96px;gap:52px}
 .did-mf__headline{font-size:clamp(94px,16vw,157px);margin-bottom:44px}
 .did-mf__first{padding-left:clamp(60px,11vw,120px)}
 .did-mf__editorial{max-width:none}.did-mf__divider{max-width:none}
 .did-mf__panel{width:min(100%,560px);justify-self:center;height:520px}
 .did-mf__statement{font-size:clamp(29px,4vw,40px)}
}
@media(max-width:570px){
 .did-mf__inner{width:calc(100% - 38px);padding-block:64px 76px;gap:46px}
 .did-mf__headline{font-size:clamp(67px,17.1vw,101px);line-height:.94;letter-spacing:-.094em;margin-bottom:34px}
 .did-mf__first{padding-left:clamp(24px,7.7vw,53px)}
 .did-mf__divider{margin-bottom:32px}.did-mf__statement{font-size:clamp(24px,6.3vw,33px)}
 .did-mf__aside{font-size:16px;margin-top:27px}
 .did-mf__panel{min-height:0;height:auto;padding:22px 18px 27px}
 .did-mf__art{min-height:280px}.did-mf__orb--outer{width:250px}.did-mf__orb--middle{width:216px}.did-mf__orb--inner{width:178px}
 .did-mf__arc--green,.did-mf__arc--cyan,.did-mf__arc--pink{width:219px}
 .did-mf__symbol{width:154px;height:154px}.did-mf__panel-lead{font-size:9px}.did-mf__panel-lead span:last-child{font-size:12px}
 .did-mf__description{font-size:15px}
}
@media(max-width:360px){.did-mf__headline{font-size:16.6vw}.did-mf__first{padding-left:6vw}.did-mf__panel-lead{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.did-mf *,.did-mf *::before,.did-mf *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}