.mx{--mx-navy:#192e50;--mx-gold:#d59b27;--mx-gold-hell:#eab655;--mx-nacht:#0a1428;--mx-grau:linear-gradient(160deg, #8a8f98, #3d4450)}.mx-anker{scroll-margin-top:6rem}.mx-hero{isolation:isolate;color:#fff;background:radial-gradient(80% 60% at 78% 30%, #29487a8c, transparent 70%), linear-gradient(180deg, #020816 0%, var(--mx-nacht) 100%);position:relative;overflow:hidden}.mx-hero__sterne{z-index:-1;opacity:.9;position:absolute;inset:0}.mx-hero__licht{z-index:-1;background:radial-gradient(circle,#eab65533,#0000 62%);width:44rem;height:44rem;position:absolute;top:-14rem;right:-12rem}.mx-szenen{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.mx-szenen a{color:#fff;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1rem;font-size:.875rem;font-weight:600;transition:border-color .25s,background-color .25s;display:inline-flex}.mx-szenen a:hover{border-color:var(--mx-gold-hell);background-color:#eab65514}.mx-szenen__nr{color:var(--mx-gold-hell);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:800}@media (min-width:1024px){.mx-szenen{justify-content:flex-start}}.mx-leinwand{position:relative}.mx-leinwand:before{content:"";z-index:-1;background:radial-gradient(closest-side,#eab65547,#0000);position:absolute;inset:-10%}.mx-weg{background-color:var(--mx-nacht);color:#fff;padding-block:3.5rem 4.5rem;position:relative}.mx-weg__strecke{view-timeline:--mx-weg block;margin-top:3rem;position:relative}.mx-weg__spur{background:#ffffff1f;width:2px;position:absolute;top:0;bottom:0;left:1.25rem}.mx-weg__fuellung{transform-origin:top;background:linear-gradient(180deg, #fff3d6, var(--mx-gold-hell) 30%, var(--mx-gold));position:absolute;inset:0;box-shadow:0 0 14px #eab655a6}.mx-weg__mover{display:none;position:absolute;inset:0}.mx-weg__rakete{background:var(--mx-gold-hell);width:2.75rem;height:2.75rem;color:var(--mx-navy);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:50%;translate:-50% -50%;box-shadow:0 0 0 6px #eab6552e,0 0 36px #eab655b3}.mx-weg__rakete svg{rotate:135deg}.mx-weg__liste{gap:2.25rem;margin:0;padding:0;list-style:none;display:grid}.mx-weg__punkt{padding-left:3.25rem;position:relative}.mx-weg__knoten{border:2px solid var(--mx-gold-hell);background:var(--mx-nacht);border-radius:50%;width:1.15rem;height:1.15rem;position:absolute;top:1.4rem;left:1.25rem;translate:-50%}.mx-weg__knoten:after{content:"";background:var(--mx-gold-hell);border-radius:50%;position:absolute;inset:2px}.mx-weg__karte{background:linear-gradient(160deg,#ffffff17,#ffffff08);border:1px solid #eab65540;border-radius:1.25rem;max-width:28rem;overflow:hidden;box-shadow:0 30px 60px -30px #000000bf}.mx-weg__bild{aspect-ratio:4/3;background:#0f1f3d;overflow:hidden}.mx-weg__kachel{aspect-ratio:16/8;text-align:center;background:radial-gradient(80% 90% at 25% 15%,#eab65542,#0000 60%),linear-gradient(160deg,#13284d,#0a1428);place-content:center;gap:.35rem;display:grid}.mx-weg__kachel-zahl,.mx-weg__zahl,.mx-story__jahr{font-family:var(--font-inter), Arial, sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.mx-weg__kachel-zahl,.mx-story__jahr{background:linear-gradient(180deg, #fff3d6, var(--mx-gold-hell) 55%, var(--mx-gold));color:#0000;-webkit-background-clip:text;background-clip:text}.mx-weg__kachel-zahl{font-size:clamp(3.25rem,9vw,5.5rem)}.mx-weg__kachel-text{letter-spacing:.18em;text-transform:uppercase;color:#fffc;font-size:.8rem;font-weight:600}.mx-weg__chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:1.25rem 1.25rem 0;list-style:none;display:flex}.mx-weg__chips li{color:#fff;background:#eab65514;border:1px solid #eab65573;border-radius:999px;padding:.35rem .8rem;font-size:.8rem;font-weight:600}.mx-weg__ziel{text-align:center;margin-top:3rem;position:relative}.mx-weg__planet{background:radial-gradient(circle at 35% 30%, #fff3d6, var(--mx-gold-hell) 40%, var(--mx-gold) 75%);border-radius:50%;width:4.5rem;height:4.5rem;margin:0 auto 1.25rem;display:block;box-shadow:0 0 0 10px #eab6551f,0 0 60px #eab65599}.mx-weg__zahl{color:var(--mx-gold-hell);font-size:clamp(3rem,9vw,5.75rem)}@media (min-width:1024px){.mx-weg__spur{left:50%;translate:-50%}.mx-weg__liste{gap:0}.mx-weg__punkt{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:5rem;padding-left:0;display:grid}.mx-weg__punkt+.mx-weg__punkt{margin-top:-4.5rem}.mx-weg__karte{grid-column:1;justify-self:end;width:100%}.mx-weg__punkt--rechts .mx-weg__karte{grid-column:2;justify-self:start}.mx-weg__knoten{left:50%}}.mx-versprechen{background:linear-gradient(160deg,#fff,#fbf5e7);border:1px solid #d59b2747;border-radius:1.75rem;padding:2rem 1.75rem;list-style:none;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 30px 60px -40px #192e5073}.mx-versprechen:hover{transform:translateY(-6px);box-shadow:0 40px 70px -40px #192e5099}.mx-versprechen__nr{font-family:var(--font-inter), Arial, sans-serif;color:#d59b2729;font-size:5.5rem;font-weight:900;line-height:1;position:absolute;top:.5rem;right:1.25rem}.mx-versprechen__icon{background:var(--mx-navy);width:3.5rem;height:3.5rem;color:var(--mx-gold-hell);border-radius:1rem;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 12px 30px -12px #192e50b3}.mx-stimmen{background-color:var(--mx-nacht);color:#fff;padding-block:4rem 4.5rem}.mx-stimme{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:1.5rem;padding:1.75rem;list-style:none}.mx-stimme--hell{background:#fff;border-color:#192e501a;box-shadow:0 30px 60px -45px #192e5080}.mx-kompass{border-left:3px solid var(--mx-gold);padding:.25rem 0 .25rem 1.25rem}.mx-abschluss{color:#fff;background:radial-gradient(120% 140% at 100% 0%, #eab65542, transparent 50%), linear-gradient(135deg, var(--mx-navy), var(--mx-nacht));border-radius:1.75rem;gap:1.5rem;padding:2rem;display:grid;position:relative;overflow:hidden}.mx-abschluss__sterne{opacity:.55;position:absolute;inset:0}@media (min-width:1024px){.mx-abschluss{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:3rem}}.mx-zahlen{background-color:var(--mx-nacht);color:#fff;padding-block:3.5rem 4rem;position:relative;overflow:hidden}.mx-deck__platz{list-style:none}.mx-karte{perspective:1400px;height:100%}.mx-karte__innen{height:100%;min-height:25rem;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1);display:grid;position:relative}.mx-karte__seite{backface-visibility:hidden;border-radius:1.75rem;grid-area:1/1;position:relative;overflow:hidden}.mx-karte__seite[inert]{pointer-events:none}.mx-karte__vorne{aspect-ratio:4/5;background:var(--mx-grau);box-shadow:0 0 0 1px #eab65580,0 30px 60px -30px #0a1428b3}.mx-karte__foto{position:absolute;inset:0}.mx-karte__foto img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.mx-karte:hover .mx-karte__foto img{transform:scale(1.045)}.mx-karte__foto:after{content:"";background:linear-gradient(#0000 48%,#0a14288c 74%,#0a1428f0 100%);position:absolute;inset:0}.mx-karte__monogramm{font-family:var(--font-inter), Arial, sans-serif;letter-spacing:-.04em;color:#fff3d6e6;background:radial-gradient(circle at 50% 38%,#ffffff24,#0000 60%);justify-content:center;align-items:center;padding-bottom:3rem;font-size:6rem;font-weight:900;display:flex;position:absolute;inset:0}.mx-karte__schild{inset-inline:0;z-index:1;padding:1.5rem;position:absolute;bottom:0}.mx-karte__knopf{cursor:pointer;background:0 0;border:0;outline:none}.mx-karte__knopf:after{content:"";z-index:2;border-radius:1.75rem;position:absolute;inset:0}.mx-karte__knopf:focus-visible:after{outline:3px solid var(--mx-gold-hell);outline-offset:-3px}.mx-karte__knopf-icon{z-index:3;color:#fff;background:#0a142899;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .45s cubic-bezier(.2,.7,.2,1),background-color .3s,color .3s;display:flex;position:absolute;top:1rem;right:1rem}.mx-karte:hover .mx-karte__knopf-icon,.mx-karte__knopf:focus-visible .mx-karte__knopf-icon{background-color:var(--mx-gold-hell);color:var(--mx-navy);transform:rotate(180deg)}.mx-karte__hinten{color:#fff;background:radial-gradient(120% 80% at 100% 0%, #eab65547, transparent 55%), linear-gradient(160deg, var(--mx-navy), var(--mx-nacht));flex-direction:column;padding:1.75rem;display:flex;overflow-y:auto;transform:rotateY(180deg);box-shadow:0 0 0 1px #eab6558c}.mx-karte[data-gewendet] .mx-karte__innen{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.mx-karte__innen{transition:none;transform:none!important}.mx-karte__hinten{transform:none}.mx-karte__seite{transition:opacity .3s}.mx-karte__seite[inert]{opacity:0}}html[data-motion=paused] .mx-karte__innen{transition:none;transform:none!important}html[data-motion=paused] .mx-karte__hinten{transform:none}html[data-motion=paused] .mx-karte__seite[inert]{opacity:0}.mx-orbit{view-timeline:--mx-orbit block;width:min(100%,34rem);margin-inline:auto}.mx-orbit__buehne{aspect-ratio:1;position:relative;container-type:inline-size}.mx-orbit__bahn{border-radius:50%;position:absolute}.mx-orbit__bahn--innen{border:1px dashed #eab65566;inset:12%}.mx-orbit__bahn--aussen{border:1px solid #ffffff1f;inset:2%}.mx-orbit__mitte{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #2b4a7a, var(--mx-nacht) 70%);border-radius:50%;justify-content:center;align-items:center;width:24%;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #eab65573,0 0 70px #eab65559}.mx-orbit__mitte img{width:48%;height:auto}.mx-orbit__huelle{margin:0;padding:0;list-style:none;position:absolute;inset:0}.mx-orbit__platz{width:0;height:0;transform:rotate(var(--w)) translateX(var(--r)) rotate(calc(-1 * var(--w)));position:absolute;top:50%;left:50%}.mx-orbit__platz--innen{--r:38cqi}.mx-orbit__platz--aussen{--r:48cqi}.mx-orbit__gegen{flex-direction:column;align-items:center;gap:.3rem;display:flex;position:absolute;top:0;left:0;translate:-50% -50%}.mx-orbit__mond{aspect-ratio:1;cursor:pointer;width:19cqi;font-family:var(--font-inter), Arial, sans-serif;color:#fff3d6;background:var(--mx-grau);box-shadow:0 0 0 2px var(--mx-gold), 0 10px 30px -8px #0009;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:6cqi;font-weight:800;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.mx-orbit__mond:hover,.mx-orbit__mond:focus-visible{transform:scale(1.1)}.mx-orbit__mond:focus-visible{outline-offset:4px;outline:3px solid #fff}.mx-orbit__mond[aria-expanded=true]{box-shadow:0 0 0 3px var(--mx-gold-hell), 0 0 34px #eab655bf;transform:scale(1.12)}.mx-orbit__platz--aussen .mx-orbit__mond{width:13cqi;font-size:4.5cqi}.mx-orbit__name{color:#ffffffd9;text-shadow:0 1px 6px #000c;font-size:.75rem;font-weight:600}.mx-orbit__info{text-align:center;min-height:7.5rem;margin-top:1rem}.mx-orbit__karte{background:#ffffff0f;border:1px solid #eab65559;border-radius:1.25rem;flex-direction:column;align-items:center;padding:1rem 1.5rem .25rem;display:inline-flex}.mx-kinetik{color:#ffffffeb;max-width:34rem;margin-inline:auto;font-size:clamp(1.2rem,1vw + 1rem,1.6rem);font-weight:300;line-height:1.4}.mx-kinetik>span[aria-hidden]{white-space:pre;display:inline-block}@media (min-width:1024px){.mx-kinetik{margin-inline:0}}.mx-portraet{aspect-ratio:2/3;background:var(--mx-grau);border-radius:14rem 14rem 1.75rem 1.75rem;width:min(68vw,22rem);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #eab655a6,0 0 0 10px #eab65514,0 40px 80px -30px #000c}@media (min-width:1024px){.mx-portraet{width:26rem}}.mx-story{gap:4rem;max-width:72rem;margin-inline:auto;padding:0 1rem 4.5rem;display:grid}.mx-story__kapitel{gap:1.5rem;display:grid}.mx-story__rahmen,.mx-story__jahre{aspect-ratio:1;border-radius:1.75rem;overflow:hidden;box-shadow:0 0 0 1px #d59b2773,0 40px 80px -40px #192e5099}.mx-story__jahre{background:radial-gradient(80% 70% at 20% 10%, #eab65538, transparent 60%), linear-gradient(160deg, #13284d, var(--mx-nacht));align-content:center;gap:1.5rem;margin:0;padding:2rem;list-style:none;display:grid}.mx-story__jahre li{align-items:baseline;gap:1rem;display:flex}.mx-story__jahr{font-size:clamp(2.75rem,6vw,4.5rem)}.mx-story__nr{font-family:var(--font-inter), Arial, sans-serif;color:#d59b2738;margin-bottom:.5rem;font-size:4.5rem;font-weight:900;line-height:1}@media (min-width:1024px){.mx-story{gap:0;padding-inline:2rem}.mx-story__kapitel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:5rem;min-height:88vh}.mx-story__kapitel:nth-child(2n) .mx-story__bild{order:2}.mx-story__bild{position:sticky;top:7rem}.mx-story__text{padding-block:18vh 12vh}}.mx-medaille{background:linear-gradient(160deg,#eab65529,#ffffff08);border:1px solid #eab65561;border-radius:1.5rem;padding:1.5rem;list-style:none;position:relative;overflow:hidden}.mx-medaille:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#fff3d638 50%,#0000 65%);transition:transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:translate(-110%)}.mx-medaille:hover:after{transform:translate(110%)}@keyframes mx-auf{0%{opacity:0;transform:translateY(calc(2.5rem + var(--i,0) * 1.5rem)) scale(.97)}to{opacity:1;transform:none}}@keyframes mx-fuellen{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mx-fliegen{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes mx-enthuellen{0%{clip-path:inset(0 0 100%);transform:scale(1.18)}to{clip-path:inset(0);transform:scale(1)}}@keyframes mx-knoten{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes mx-drehen{0%{transform:rotate(-45deg)}to{transform:rotate(75deg)}}@keyframes mx-gegen{0%{rotate:45deg}to{rotate:-75deg}}@keyframes mx-kippen{to{opacity:.55;transform:perspective(1200px)rotateX(14deg)scale(.9)}}@keyframes mx-wort{0%{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){html:not([data-motion=paused]) .mx-kinetik>span[aria-hidden]{animation:.7s cubic-bezier(.2,.7,.2,1) both mx-wort;animation-delay:calc(.2s + var(--i) * 70ms)}@supports (animation-timeline:view()){html:not([data-motion=paused]) .mx-weg__fuellung{animation:linear both mx-fuellen;animation-timeline:--mx-weg;animation-range:cover 50vh cover calc(100% - 50vh)}html:not([data-motion=paused]) .mx-weg__mover{animation:linear both mx-fliegen;animation-timeline:--mx-weg;animation-range:cover 50vh cover calc(100% - 50vh);display:block}html:not([data-motion=paused]) .mx-weg__punkt{view-timeline:--mx-punkt block}html:not([data-motion=paused]) .mx-weg__knoten:after{animation:linear both mx-knoten;animation-timeline:--mx-punkt;animation-range:cover calc(50vh + 1rem) cover calc(50vh + 3rem)}html:not([data-motion=paused]) .mx-weg__karte,html:not([data-motion=paused]) .mx-versprechen,html:not([data-motion=paused]) .mx-stimme,html:not([data-motion=paused]) .mx-deck__platz,html:not([data-motion=paused]) .mx-medaille,html:not([data-motion=paused]) .mx-story__text{animation:linear both mx-auf;animation-timeline:view();animation-range:entry cover 28%}html:not([data-motion=paused]) .mx-weg__bild img,html:not([data-motion=paused]) .mx-story__rahmen img{animation:linear both mx-enthuellen;animation-timeline:view();animation-range:entry 15% cover 40%}html:not([data-motion=paused]) .mx-weg__planet{animation:linear both mx-knoten;animation-timeline:view();animation-range:entry 20% cover 40%}html:not([data-motion=paused]) .mx-story__jahre li{animation:linear both mx-auf;animation-timeline:view();animation-range:entry 10% cover 35%}html:not([data-motion=paused]) .mx-leinwand{animation:linear both mx-kippen;animation-timeline:view();animation-range:exit}html:not([data-motion=paused]) .mx-orbit__huelle{animation:linear both mx-drehen;animation-timeline:--mx-orbit;animation-range:cover}html:not([data-motion=paused]) .mx-orbit__gegen{animation:linear both mx-gegen;animation-timeline:--mx-orbit;animation-range:cover}}}.mx-story__rahmen{position:relative}.mx-story__jahre.mx-story__jahre--auf{aspect-ratio:auto;box-shadow:none;background:linear-gradient(#0000,#060e1eeb 45%);border-radius:0;gap:.5rem;padding:4rem 1.5rem 1.25rem;position:absolute;inset:auto 0 0}.mx-story__jahre--auf .mx-story__jahr{font-size:clamp(1.75rem,3.5vw,2.5rem)}.mx-abschluss__bild{aspect-ratio:1;border-radius:999px;width:7rem;position:relative;overflow:hidden;box-shadow:0 0 0 2px #eab655b3,0 0 0 10px #eab6551a}@media (min-width:1024px){.mx-abschluss{grid-template-columns:auto minmax(0,1fr) auto}.mx-abschluss__bild{width:9rem}}