/* Management-Seite (Update 59): Einstieg mit kreisenden Stichworten, nummerierte Leistungen mit Bewegtbild */
.mg-pt{position:absolute;bottom:-12px;left:var(--x);width:var(--s);height:var(--s);border-radius:99px;background:#d9ccff;opacity:0;animation:mg-rise var(--d) linear infinite;animation-delay:var(--l)}
.mg-orbit{position:absolute;inset:0;animation:mg-spin 30s linear infinite}
.mg-chip{position:absolute;left:50%;top:50%;margin:-18px 0 0 -60px;width:120px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:99px;background:rgba(21,20,29,.9);border:1px solid #3a3550;font-size:13.5px;font-weight:600;color:#d9ccff;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1))}
.mg-vis{position:relative;overflow:hidden;background:#15141d;border:1px solid #2a2736;border-radius:28px;aspect-ratio:3/2;min-width:0}
.mg-vis::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(124,77,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(124,77,255,.10) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 50%,#000 25%,transparent 80%)}
.mg-vis svg{position:absolute;inset:0;width:100%;height:100%}
.mg-vis svg *{transform-box:fill-box;transform-origin:center}
.mg-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:48px;align-items:center;padding:44px 0;border-top:1px solid #2a2736}
.v-dash{stroke-dasharray:6 8;animation:v-dash 1.4s linear infinite}
.v-play{animation:v-play 7s linear infinite}
.v-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:v-draw 6s ease-in-out infinite}
.v-pop{opacity:0;animation:v-pop 9s ease-out infinite}
.v-wave{animation:v-wave 3.6s ease-out infinite}
.v-float{animation:v-float 5s ease-in-out infinite}
.v-pulse{animation:v-pulse 2.4s ease-in-out infinite}
.v-blink{animation:v-blink 1.2s ease-in-out infinite}
@keyframes v-dash{to{stroke-dashoffset:-28}}
@keyframes v-play{from{transform:translateX(0)}to{transform:translateX(300px)}}
@keyframes v-draw{0%{stroke-dashoffset:1}60%,100%{stroke-dashoffset:0}}
@keyframes v-pop{0%,4%{opacity:0;transform:translateY(14px)}12%,88%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(0)}}
@keyframes v-wave{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.2);opacity:0}}
@keyframes v-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes v-pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}
@keyframes v-blink{0%,100%{opacity:.25}50%{opacity:1}}
.mg-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:96px;line-height:.9;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px #5a4a9a}
.mg-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);pointer-events:none}
@keyframes mg-rise{0%{transform:translateY(0);opacity:0}10%{opacity:.75}85%{opacity:.4}100%{transform:translateY(-860px);opacity:0}}
@keyframes mg-spin{to{transform:rotate(360deg)}}
@keyframes mg-spin-r{to{transform:rotate(-360deg)}}

.mg-orbit{position:absolute;inset:0;animation:mg-spin 30s linear infinite}
.mgn-bg{position:absolute;left:0;right:0;top:0;height:900px;pointer-events:none;overflow:hidden;z-index:0}
.mgn-bg .mg-pt{position:absolute}
.mgn-hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:40px 48px;padding:34px 0 64px;text-align:left}
.mgn-hero-text{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.mgn-tag{font-family:var(--mono,'Poisn Mono',monospace);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#b9a2ff;border:1px solid #2a2736;background:rgba(21,20,29,.8);border-radius:99px;padding:7px 16px}
h1.mgn-h1{margin:0;font-family:var(--display,'Poisn Titel',sans-serif);font-weight:700;font-size:clamp(38px,6vw,72px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance;text-align:left}
.mgn-h1 .hl{color:#b9a2ff}
.mgn-sub{margin:0;font-size:clamp(16px,2vw,19px);color:#aaa4bd;max-width:540px;line-height:1.6;text-align:left}
.mgn-knoepfe{display:flex;flex-wrap:wrap;gap:12px}
.mgn-knopf{display:inline-block;padding:15px 28px;border-radius:12px;background:#7c4dff;color:#fff;text-decoration:none;font-weight:600;font-size:16px}
.mgn-knopf:hover{background:#6a3df0;color:#fff}
.mgn-knopf.neben{background:rgba(21,20,29,.6);border:1px solid #3a3550;color:#f1eef9}
.mgn-knopf.neben:hover{border-color:#7c4dff;background:rgba(45,36,80,.6)}
.mgn-logo-box{flex:1 1 380px;min-width:0;display:flex;justify-content:center}
.mgn-orbit-wrap{position:relative;width:420px;height:420px;max-width:100%}
.mgn-logo-karte{position:absolute;left:50%;top:50%;width:min(300px,72%);transform:translate(-50%,-50%);border-radius:24px;background:#15141d;border:1px solid #3a3550;padding:24px 20px;box-sizing:border-box}
.mgn-logo-karte img{display:block;width:100%;height:auto}
.mgn-leist-kopf{text-align:left;margin:0 0 8px}
.mgn-leist-kopf h2{font-family:var(--display,'Poisn Titel',sans-serif);font-size:clamp(32px,5vw,52px);letter-spacing:-.03em;line-height:1.04;margin:0 0 8px}
.mgn-leist-kopf p{margin:0 0 30px;color:#aaa4bd;font-size:17px}
.mgn-panels{border-bottom:1px solid #2a2736}
.mg-panel{position:relative}
.mg-panel .mg-text{min-width:0}
.mg-h3{margin:10px 0 12px;font-family:var(--display,'Poisn Titel',sans-serif);font-weight:700;font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.03em;text-align:left}
.mg-p{margin:0;color:#aaa4bd;font-size:17px;max-width:460px;line-height:1.6;text-align:left}
.mg-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.mg-tag{font-size:13px;font-weight:600;color:#d7ccff;background:#2d2450;border-radius:99px;padding:5px 12px}
.mg-num{font-family:var(--display,'Poisn Titel',sans-serif);font-weight:700;font-size:clamp(56px,8vw,92px);line-height:.9;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px #5a4a9a;transition:-webkit-text-stroke-color .25s}
.mg-panel:hover .mg-num{-webkit-text-stroke-color:#b9a2ff}
.mg-panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
@media (max-width:760px){
  .mgn-hero{padding-top:14px;gap:30px}
  .mgn-orbit-wrap{width:300px;height:300px}
  .mgn-orbit-wrap .mg-chip{--r:112px !important;width:88px;margin-left:-44px;font-size:12px}
  .mgn-logo-karte{width:150px;padding:14px 12px}
  .mg-panel{gap:24px;padding:32px 0}
  .mg-panel > div:has(> .mg-vis){order:2}
}
@media (prefers-reduced-motion:reduce){.mgn-bg .mg-pt,.mg-orbit,.mg-chip,.mg-chip span,.mg-vis svg *{animation:none !important}}
.mgn-knopf[hidden]{display:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.mg-chip{animation:mg-chip 30s linear infinite}
@keyframes mg-chip{from{transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1))}to{transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1 - 360deg))}}
@media (min-width:1180px){.mgn-hero{margin-right:-200px}}
html,body{overflow-x:clip}

.mgn-orbit-wrap .mg-chip{--r:165px;width:104px;margin-left:-52px}
.mgn-hero{overflow-x:clip;overflow-clip-margin:0}