/* "Alle Seiten": Vollbild-Menü. Wird nach site.css geladen und überschreibt die alte Optik. */
@property --mxr{syntax:"<angle>";inherits:false;initial-value:0deg;}
.menu-ov.mxo{background:#05070c;overflow-y:auto;overflow-x:hidden;color:var(--ink,#eaf1f5);transition:opacity .45s ease;-webkit-overflow-scrolling:touch;}
.menu-ov.mxo.open{backdrop-filter:none;-webkit-backdrop-filter:none;}
.mxo-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.mxo-bg i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:mxoDrift 20s ease-in-out infinite alternate;will-change:transform;}
.mxo-bg i:nth-child(1){left:-12%;top:-22%;width:54vw;height:54vw;background:radial-gradient(closest-side,rgba(43,245,200,.34),transparent 72%);}
.mxo-bg i:nth-child(2){right:-14%;top:6%;width:50vw;height:50vw;background:radial-gradient(closest-side,rgba(62,134,255,.32),transparent 72%);animation-delay:-7s;}
.mxo-bg i:nth-child(3){left:28%;bottom:-34%;width:58vw;height:58vw;background:radial-gradient(closest-side,rgba(167,139,250,.26),transparent 72%);animation-delay:-12s;}
.mxo-bg::after{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:56px 56px;-webkit-mask:radial-gradient(80% 70% at 50% 40%,#000,transparent);mask:radial-gradient(80% 70% at 50% 40%,#000,transparent);}
@keyframes mxoDrift{0%{transform:translate(0,0) scale(1);}100%{transform:translate(5vw,4vh) scale(1.18);}}
.mxo-wrap{position:relative;z-index:1;width:min(1180px,92vw);margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:0 0 34px;}
.mxo-head{display:flex;align-items:center;justify-content:space-between;padding:22px 0 8px;}
.mxo-head .logo{font-size:19px;font-weight:700;letter-spacing:-.03em;}
.mxo-tools{display:flex;align-items:center;gap:12px;}
.mxo-esc{font-size:11.5px;letter-spacing:.1em;color:var(--faint,#7f8c96);padding:5px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.12);}
.menu-ov.mxo .close{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:var(--ink,#eaf1f5);display:grid;place-items:center;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .25s,background .25s,color .25s;}
.menu-ov.mxo .close:hover{transform:rotate(90deg) scale(1.06);border-color:#2BF5C8;color:#2BF5C8;background:rgba(43,245,200,.1);}
.mxo-grid{display:grid;gap:30px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;margin-top:14px;flex:1;}
.mxo-lab{display:flex;align-items:center;gap:14px;margin:0 0 14px;font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#2BF5C8;}
.mxo-lab::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(43,245,200,.4),transparent);}
.mxo-svc{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mxo-it{position:relative;display:flex;align-items:center;gap:14px;padding:16px 16px;border-radius:19px;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),rgba(10,14,20,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .35s;}
.mxo-it::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .35s;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),rgba(var(--c),.24),transparent 62%);}
.mxo-it:hover,.mxo-it:focus-visible{transform:translateY(-3px);border-color:rgba(var(--c),.6);box-shadow:0 22px 40px -22px rgba(0,0,0,.85),0 0 44px -14px rgba(var(--c),.55),inset 0 1px 0 rgba(255,255,255,.08);outline:none;}
.mxo-it:hover::before,.mxo-it:focus-visible::before{opacity:1;}
.mxo-ic{flex:none;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:rgb(var(--c));background:radial-gradient(circle at 30% 25%,rgba(var(--c),.3),rgba(var(--c),.07));border:1px solid rgba(var(--c),.4);transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;}
.mxo-ic svg{width:23px;height:23px;}
.mxo-it:hover .mxo-ic{transform:scale(1.1) rotate(-4deg);box-shadow:0 0 22px rgba(var(--c),.55);}
.mxo-tx{display:flex;flex-direction:column;min-width:0;line-height:1.3;}
.mxo-tx b{font-size:16.5px;font-weight:650;color:var(--ink,#eaf1f5);letter-spacing:-.005em;}
.mxo-tx small{font-size:13px;color:var(--soft,#a9b6c0);margin-top:2px;}
.mxo-ar{margin-left:auto;flex:none;color:rgb(var(--c));opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1);font-size:18px;}
.mxo-it:hover .mxo-ar,.mxo-it:focus-visible .mxo-ar{opacity:1;transform:none;}
.mxo-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.mxo-more a{font-size:13.5px;font-weight:600;padding:8px 15px;border-radius:100px;border:1px solid rgba(255,255,255,.14);color:var(--soft,#a9b6c0);background:rgba(255,255,255,.03);transition:border-color .25s,color .25s,background .25s,transform .3s;}
.mxo-more a:hover{border-color:#2BF5C8;color:#2BF5C8;background:rgba(43,245,200,.08);transform:translateY(-2px);}
.mxo-side{display:flex;flex-direction:column;gap:22px;min-width:0;}
.mxo-feat{position:relative;border-radius:24px;padding:22px 22px 20px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(10,16,20,.8);box-shadow:0 30px 60px -28px rgba(0,0,0,.9),0 0 60px -20px rgba(43,245,200,.35);}
.mxo-feat::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:2;background:conic-gradient(from var(--mxr),rgba(43,245,200,.12) 0 26%,#2BF5C8 42%,#15C2E6 54%,rgba(43,245,200,.12) 68% 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:mxoRing 7s linear infinite;}
.mxo-feat::after{content:"";position:absolute;right:-30%;top:-40%;width:80%;height:120%;z-index:-1;background:radial-gradient(closest-side,rgba(43,245,200,.2),transparent 70%);filter:blur(10px);}
@keyframes mxoRing{to{--mxr:360deg;}}
.mxo-feat-top{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.mxo-eb{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#2BF5C8;}
.mxo-eb i{width:7px;height:7px;border-radius:50%;background:#2BF5C8;box-shadow:0 0 10px #2BF5C8;animation:mxoPulse 2.4s ease-out infinite;}
@keyframes mxoPulse{0%{box-shadow:0 0 0 0 rgba(43,245,200,.6);}70%,100%{box-shadow:0 0 0 9px rgba(43,245,200,0);}}
.mxo-gauge{position:relative;flex:none;width:64px;height:64px;}
.mxo-gauge svg{width:100%;height:100%;transform:rotate(-90deg);}
.mxo-gauge .t{fill:none;stroke:rgba(255,255,255,.1);stroke-width:4;}
.mxo-gauge .f{fill:none;stroke:#2BF5C8;stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 4px rgba(43,245,200,.8));}
.menu-ov.mxo.open .mxo-gauge .f{animation:mxoGauge 1.8s cubic-bezier(.2,.8,.2,1) .5s forwards;}
@keyframes mxoGauge{to{stroke-dashoffset:22;}}
.mxo-gauge span{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;font-weight:800;color:#fff;}
.mxo-feat h4{font-size:20px;line-height:1.2;margin:12px 0 6px;color:var(--ink,#eaf1f5);letter-spacing:-.01em;}
.mxo-feat p{font-size:14px;color:var(--soft,#a9b6c0);line-height:1.55;margin:0 0 14px;}
.mxo-feat .go{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;font-weight:700;color:#04161c;padding:11px 20px;border-radius:100px;background:linear-gradient(135deg,#3DF8D2,#1FC9E8 60%,#8AB0FF);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.7),0 12px 26px -10px rgba(43,245,200,.7);transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s;}
.mxo-feat .go:hover{transform:translateY(-2px);filter:brightness(1.06);}
.mxo-feat .note{display:block;margin-top:10px;font-size:11.5px;color:var(--faint,#7f8c96);}
.mxo-co{border-radius:22px;padding:6px 8px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);}
.mxo-co a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;font-size:15px;font-weight:600;color:var(--ink,#eaf1f5);transition:background .25s,transform .3s,color .25s;}
.mxo-co a+a{border-top:1px solid rgba(255,255,255,.06);border-radius:0 0 14px 14px;}
.mxo-co a:hover{background:rgba(43,245,200,.07);color:#2BF5C8;transform:translateX(3px);}
.mxo-co em{font-style:normal;margin-left:auto;font-size:12px;color:var(--faint,#7f8c96);font-weight:500;}
.mxo-co .n{flex:none;width:22px;text-align:right;font-size:11.5px;font-weight:700;color:#2BF5C8;font-variant-numeric:tabular-nums;opacity:.8;}
.mxo-reg{display:flex;flex-wrap:wrap;gap:8px;}
.mxo-reg a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:9px 15px;border-radius:100px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--ink,#eaf1f5);transition:border-color .25s,background .25s,color .25s,transform .3s;}
.mxo-reg a::before{content:"";width:6px;height:6px;border-radius:50%;background:#45C6F0;box-shadow:0 0 8px #45C6F0;}
.mxo-reg a:hover{border-color:#45C6F0;color:#8fdcf7;background:rgba(69,198,240,.1);transform:translateY(-2px);}
.mxo-foot{display:flex;align-items:center;justify-content:space-between;gap:20px 30px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.mxo-cta{position:relative;display:inline-flex;align-items:center;gap:14px;overflow:hidden;isolation:isolate;padding:15px 26px 15px 30px;border-radius:100px;font-size:16.5px;font-weight:700;color:#fff;background:linear-gradient(180deg,rgba(43,245,200,.32),rgba(21,194,230,.14)),rgba(8,24,24,.55);border:1px solid rgba(43,245,200,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -10px 22px -12px rgba(43,245,200,.5),0 16px 36px -14px rgba(43,245,200,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;}
.mxo-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.35) 50%,transparent 62%);transform:translateX(-130%);animation:mxoShine 4.6s ease-in-out 1.4s infinite;}
@keyframes mxoShine{0%,60%{transform:translateX(-130%);}100%{transform:translateX(130%);}}
.mxo-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -10px 22px -12px rgba(43,245,200,.6),0 22px 44px -14px rgba(43,245,200,.8);}
.mxo-cta .ar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(5,22,28,.7);color:#8FFBE4;font-size:16px;transition:transform .35s cubic-bezier(.16,1,.3,1);}
.mxo-cta:hover .ar{transform:translateX(4px);}
.mxo-meta{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;font-size:13px;color:var(--faint,#7f8c96);}
.mxo-meta a{color:var(--soft,#a9b6c0);transition:color .2s;}
.mxo-meta a:hover{color:#2BF5C8;}
.mxo-meta .rate{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--ink,#eaf1f5);font-weight:600;}
.mxo-meta .rate b{color:#FFC857;letter-spacing:1px;font-weight:700;}
/* Eingangs-Choreografie */
.menu-ov.mxo.open .mxo-head,.menu-ov.mxo.open .mxo-lab,.menu-ov.mxo.open .mxo-it,.menu-ov.mxo.open .mxo-more,.menu-ov.mxo.open .mxo-feat,.menu-ov.mxo.open .mxo-co,.menu-ov.mxo.open .mxo-reg,.menu-ov.mxo.open .mxo-foot{animation:mxoIn .75s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 55ms + 90ms);}
@keyframes mxoIn{from{opacity:0;transform:translateY(22px) scale(.985);filter:blur(6px);}to{opacity:1;transform:none;filter:none;}}
@media(max-width:1000px){.mxo-grid{grid-template-columns:1fr;gap:26px;}.mxo-side{gap:20px;}}
@media(max-width:640px){
  .mxo-svc{grid-template-columns:1fr;gap:10px;}
  .mxo-it{padding:13px 14px;}
  .mxo-ic{width:42px;height:42px;border-radius:13px;}
  .mxo-ar{opacity:.7;transform:none;}
  .mxo-esc{display:none;}
  .mxo-foot{flex-direction:column;align-items:stretch;}
  .mxo-cta{justify-content:center;}
  .mxo-meta{justify-content:center;}
  .mxo-head{padding-top:18px;}
}
@media(prefers-reduced-motion:reduce){.mxo-bg i,.mxo-feat::before,.mxo-eb i,.mxo-cta::after{animation:none;}.menu-ov.mxo.open .mxo-head,.menu-ov.mxo.open .mxo-lab,.menu-ov.mxo.open .mxo-it,.menu-ov.mxo.open .mxo-more,.menu-ov.mxo.open .mxo-feat,.menu-ov.mxo.open .mxo-co,.menu-ov.mxo.open .mxo-reg,.menu-ov.mxo.open .mxo-foot{animation:none;}.menu-ov.mxo.open .mxo-gauge .f{animation:none;stroke-dashoffset:22;}}
.mxo-grid{align-content:center;}
.mxo-news{margin-top:22px;padding:18px 18px 8px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));}
.mxo-news .mxo-eb{margin-bottom:8px;}
.mxo-news a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 4px;border-top:1px solid rgba(255,255,255,.07);transition:color .25s,transform .3s;}
.mxo-news a:first-of-type{border-top:0;}
.mxo-news a b{font-size:15px;font-weight:600;color:var(--ink,#eaf1f5);line-height:1.35;transition:color .25s;}
.mxo-news a span{color:#2BF5C8;opacity:.6;transition:transform .3s,opacity .25s;}
.mxo-news a:hover b{color:#2BF5C8;}
.mxo-news a:hover span{opacity:1;transform:translateX(4px);}
.menu-ov.mxo.open .mxo-news{animation:mxoIn .75s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 55ms + 90ms);}
@media(prefers-reduced-motion:reduce){.menu-ov.mxo.open .mxo-news{animation:none;}}
/* Symbole: größer, zweifarbig, kleine Hover-Animationen */
.mxo-ic{width:52px;height:52px;border-radius:17px;background:radial-gradient(circle at 28% 22%,rgba(var(--c),.34),rgba(var(--c),.06) 70%),rgba(8,12,18,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px -10px rgba(var(--c),.5);}
.mxo-ic svg{width:27px;height:27px;overflow:visible;filter:drop-shadow(0 0 5px rgba(var(--c),.35));}
.mxo-ic .tw,.mxo-ic .cur,.mxo-ic .led{transform-box:fill-box;transform-origin:center;}
.mxo-it:hover .mxo-ic .tw,.mxo-it:focus-visible .mxo-ic .tw{animation:mxoTw 1.1s ease-in-out infinite;}
.mxo-it:hover .mxo-ic .cur,.mxo-it:focus-visible .mxo-ic .cur{animation:mxoCur 1.3s ease-in-out infinite;}
.mxo-it:hover .mxo-ic .led,.mxo-it:focus-visible .mxo-ic .led{animation:mxoLed .9s steps(1) infinite;}
.mxo-it:hover .mxo-ic .led:nth-of-type(2){animation-delay:.3s;}
.mxo-it:hover .mxo-ic .led:nth-of-type(3){animation-delay:.6s;}
@keyframes mxoTw{0%,100%{transform:scale(1) rotate(0);}50%{transform:scale(1.4) rotate(28deg);}}
@keyframes mxoCur{0%,100%{transform:translate(0,0);}50%{transform:translate(-2px,-2px);}}
@keyframes mxoLed{0%{opacity:1;}50%{opacity:.2;}}
@media(max-width:640px){.mxo-ic{width:46px;height:46px;border-radius:15px;}.mxo-ic svg{width:24px;height:24px;}}
@media(prefers-reduced-motion:reduce){.mxo-it:hover .mxo-ic .tw,.mxo-it:hover .mxo-ic .cur,.mxo-it:hover .mxo-ic .led{animation:none;}}
/* Messring: runder Schein statt eckig abgeschnittenem Filter */
.mxo-gauge{border-radius:50%;background:radial-gradient(circle,rgba(43,245,200,.14),rgba(43,245,200,0) 70%);box-shadow:0 0 28px -6px rgba(43,245,200,.55);}
.mxo-gauge svg{overflow:visible;}
.mxo-gauge .f{filter:none;}
