.mv .st-hinweis{font:500 11.5px/1.6 var(--mono);letter-spacing:1px;color:var(--muted);margin:18px auto 0}.mv .st-abschnitt{padding-top:clamp(28px,4vw,56px);scroll-margin-top:80px}.mv .st-karte{border-color:var(--rand-an);background:linear-gradient(#111116,#0d0e12);max-width:760px;margin-inline:auto;padding:clamp(22px,4vw,40px);scroll-margin-top:90px}.mv .st-kopf{min-height:24px;font:500 11.5px/1 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.mv .st-zurueck,.mv .st-nochmal{color:var(--gold-hi);font:inherit;letter-spacing:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:underline}.mv .st-fortschritt{background:#ffffff14;border-radius:4px;height:4px;margin:14px 0 28px;overflow:hidden}.mv .st-fortschritt span{height:100%;width:calc(var(--w,0) * 100%);background:var(--knopf);transition:width .35s var(--ease);display:block}.mv .st-stapel{display:grid}.mv .st-stapel>*{visibility:hidden;grid-area:1/1}.mv .st-stapel>.st-jetzt{visibility:visible;animation:st-rein .38s var(--ease) .14s both}.mv .st-stapel>.st-weg{visibility:visible;pointer-events:none;animation:.2s ease-in both st-raus}.mv .st-stapel.st-rueck>.st-jetzt{animation-name:st-rein-rueck}.mv .st-stapel.st-rueck>.st-weg{animation-name:st-raus-rueck}.mv .st-stapel:has(>.st-etappe){margin-bottom:12px}.mv .st-aussage{font:700 clamp(20px, 2.6vw, 27px) / 1.3 var(--f);color:var(--text);margin:0}.mv .st-stapel:has(>.st-aussage){margin-bottom:28px}.mv .st-aussage:focus{outline:none}.mv .st-stufen{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.mv .st-stufe{border:1px solid var(--rand);min-height:56px;color:var(--text);font:600 15px/1.25 var(--f);cursor:pointer;animation:st-knopf .34s var(--ease) both;animation-delay:calc(var(--k,0) * 45ms + 80ms);background:#ffffff08;border-radius:12px;padding:10px 30px 10px 12px;transition:border-color .2s,background-color .2s,color .2s,opacity .25s,transform .2s;position:relative;overflow:hidden}.mv .st-stufe:before{content:"";transform-origin:0;transition:transform .38s var(--ease);background:linear-gradient(90deg,#c9a96e57,#c9a96e24);position:absolute;inset:0;transform:scaleX(0)}.mv .st-stufe[aria-pressed=true]:before{transform:scaleX(1)}.mv .st-stufe-text{z-index:1;position:relative}.mv .st-stufe-haken{z-index:1;color:var(--gold-hi);opacity:0;margin-top:-9px;transition:opacity .2s,transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;right:10px;transform:scale(.4)rotate(-12deg)}.mv .st-stufe[aria-pressed=true] .st-stufe-haken{opacity:1;transition-delay:.12s;transform:none}.mv .st-stufen.st-laeuft .st-stufe[aria-pressed=true]{animation:st-klick .42s var(--ease)}.mv .st-stufen.st-laeuft .st-stufe:not([aria-pressed=true]){opacity:.4}.mv .st-stufe:active{transform:scale(.98)}.mv .st-stufe:hover{border-color:var(--rand-an);background:#c9a96e12}.mv .st-stufe:focus-visible,.mv .st-zurueck:focus-visible,.mv .st-nochmal:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}.mv .st-stufe[aria-pressed=true]{border-color:var(--gold-hi);color:var(--gold-hi);background:#c9a96e29}@media (max-width:599px){.mv .st-stufen{grid-template-columns:minmax(0,1fr)}.mv .st-stufe{min-height:52px}}.mv .st-auswertung{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.mv .st-lader{align-items:flex-end;gap:6px;height:56px;display:flex}.mv .st-lader span{background:var(--knopf);transform-origin:bottom;width:10px;height:100%;animation:st-lade 1.2s var(--ease) both;animation-delay:calc(var(--k,1) * 80ms);border-radius:6px}.mv .st-auswertung-text{font:500 12px/1.5 var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-hi);margin:0;animation:1.2s ease-in-out infinite st-puls}.mv .st-ergebnis{max-width:980px;animation:st-auf .5s var(--ease) both;margin-inline:auto;scroll-margin-top:90px}.mv .st-ergebnis:focus{outline:none}.mv .st-stand{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(22px,4vw,44px);margin-top:14px;display:grid}.mv .st-stand .h2{margin-top:0}@media (max-width:699px){.mv .st-stand{grid-template-columns:minmax(0,1fr)}}.mv .st-ring{aspect-ratio:1;width:clamp(130px,16vw,170px);position:relative}.mv .st-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.mv .st-ring circle{fill:none;stroke-width:9px}.mv .st-ring-grund{stroke:#ffffff14}.mv .st-ring-wert{stroke:var(--gold-hi);stroke-linecap:round;stroke-dasharray:calc(var(--p,0) * 100) 100;animation:st-ring 1.1s var(--ease) both}.mv .st-ring span{font:800 clamp(30px, 3.6vw, 40px) / 1 var(--f);color:var(--text);place-items:center;display:grid;position:absolute;inset:0}.mv .st-kacheln{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:30px 0 0;padding:0;list-style:none;display:grid}@media (max-width:859px){.mv .st-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}.mv .st-kachel{border:1px solid var(--rand);min-height:132px;animation:st-auf .45s var(--ease) both;background:#ffffff05;border-radius:14px;flex-direction:column;gap:8px;padding:14px 14px 12px;display:flex}.mv .st-kachel:nth-child(2){animation-delay:40ms}.mv .st-kachel:nth-child(3){animation-delay:80ms}.mv .st-kachel:nth-child(4){animation-delay:.12s}.mv .st-kachel:nth-child(5){animation-delay:.16s}.mv .st-kachel:nth-child(6){animation-delay:.2s}.mv .st-kachel:nth-child(7){animation-delay:.24s}.mv .st-kachel:nth-child(8){animation-delay:.28s}.mv .st-kachel:nth-child(9){animation-delay:.32s}.mv .st-kachel:nth-child(10){animation-delay:.36s}.mv .st-kachel-name{font:600 14.5px/1.3 var(--f);color:var(--text);flex:1}.mv .st-kachel-wert{font:800 26px/1 var(--f);color:var(--text);font-variant-numeric:tabular-nums}.mv .st-kachel-balken{background:#ffffff14;border-radius:4px;height:4px;display:block;overflow:hidden}.mv .st-kachel-balken span{height:100%;width:calc(var(--w,0) * 100%);background:var(--knopf);transform-origin:0;animation:st-balken .9s var(--ease) both;animation-delay:calc(.25s + var(--k,0) * 70ms);border-radius:4px;display:block}.mv .st-sitzt .st-kachel-balken span{background:#b5b5bf8c}.mv .st-kachel-luft{font:500 11px/1 var(--mono);letter-spacing:1px;text-transform:uppercase}.mv .st-viel{border-color:var(--gold-hi);background:#c9a96e24}.mv .st-viel .st-kachel-luft,.mv .st-viel .st-kachel-wert{color:var(--gold-hi)}.mv .st-etwas{background:#c9a96e0d;border-color:#c9a96e73}.mv .st-etwas .st-kachel-luft{color:var(--gold)}.mv .st-sitzt .st-kachel-name,.mv .st-sitzt .st-kachel-wert,.mv .st-sitzt .st-kachel-luft{color:var(--muted)}.mv .st-nr{font:500 12px/1 var(--mono);letter-spacing:.5px;color:var(--muted)}.mv .st-klein{color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.6}.mv .st-klein a{color:var(--gold-hi);text-underline-offset:2px;text-decoration:underline}.mv .st-nochmal{font:500 12px/1 var(--mono);letter-spacing:1.2px;text-transform:uppercase;margin-top:18px}@keyframes st-ring{0%{stroke-dasharray:0 100}}@keyframes st-auf{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mv .st-aussage,.mv .st-ergebnis,.mv .st-kachel,.mv .st-zeile,.mv .st-ring-wert{animation:none}.mv .st-fortschritt span{transition:none}}.mv .st-weiter{border-top:1px solid #c9a96e40;margin-top:clamp(64px,8vw,110px);padding-top:clamp(48px,6vw,80px)}.mv .st-motiv{font:700 clamp(18px, 2vw, 21px) / 1.4 var(--f);color:var(--gold-hi);margin:26px 0 0}.mv .st-gruender{border-left:2px solid var(--gold);margin-top:26px;padding-left:18px}.mv .st-gruender p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.mv .st-gruender .st-klein{margin-top:8px;font-size:13px}.mv .st-weiter+.st-nochmal{margin-top:36px}@media (min-width:960px){.mv .st-weiter.erst{grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:clamp(28px,4vw,52px)}}.mv .st-weiter .h2{font-size:clamp(28px,3.1vw,40px);line-height:1.15}.mv .st-vergleich{margin-top:48px}.mv .st-vergleich h3{font:700 clamp(20px, 2.2vw, 24px) / 1.3 var(--f);color:var(--text);margin:0}.mv .st-zeilen{gap:14px;margin:20px 0 24px;padding:0;list-style:none;display:grid}.mv .st-zeile{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:clamp(18px,2.4vw,24px);display:grid}.mv .st-zeile-kopf{flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:6px 14px;margin-bottom:14px;display:flex}.mv .st-zeile-name{font:700 18px/1.3 var(--f);color:var(--text)}.mv .st-zeile-wert{font:800 16px/1 var(--f);color:var(--gold-hi)}.mv .st-zeile-kurs{font:500 11px/1.4 var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-left:auto}.mv .st-zeile-heute,.mv .st-zeile-besser{border-radius:12px;padding:14px 16px;position:relative}.mv .st-zeile-heute{border:1px solid var(--rand);background:#ffffff08}.mv .st-zeile-besser{background:#c9a96e1a;border:1px solid #c9a96e73}.mv .st-zeile-marke{font:500 11px/1.3 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}.mv .st-zeile-besser .st-zeile-marke{color:var(--gold-hi)}.mv .st-zeile p{margin:0;font-size:15px;line-height:1.6}.mv .st-zeile-heute p{color:var(--muted)}.mv .st-zeile-besser p{color:var(--text)}.mv .st-rahmen{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mv .st-rahmen rect{fill:none;stroke:var(--gold-hi);stroke-width:2px;stroke-dasharray:100;stroke-dashoffset:100px}.mv .st-zeile.st-da .st-rahmen rect{animation:st-rahmen 1.3s var(--ease) 1.05s forwards}@media (max-width:699px){.mv .st-zeile{grid-template-columns:minmax(0,1fr);gap:10px}.mv .st-zeile-kopf{margin-bottom:4px}.mv .st-zeile-kurs{flex-basis:100%;margin-left:0}}.mv .st-ergebnis [data-st]{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(18px)}.mv .st-ergebnis [data-st].st-da{opacity:1;transform:none}.mv .st-zeile .st-zeile-besser{opacity:0;transition:opacity .55s var(--ease) .9s, transform .55s var(--ease) .9s;transform:translate(16px)}.mv .st-zeile.st-da .st-zeile-besser{opacity:1;animation:1.6s 2.3s st-glimmen;transform:none}.mv .st-weiter .haken li{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(10px)}.mv .st-weiter.st-da .haken li{opacity:1;transform:none}.mv .st-weiter.st-da .haken li:first-child{transition-delay:.25s}.mv .st-weiter.st-da .haken li:nth-child(2){transition-delay:.4s}.mv .st-weiter.st-da .haken li:nth-child(3){transition-delay:.55s}.mv .st-weiter.st-da .st-motiv{animation:st-motiv .7s var(--ease) .75s both}@keyframes st-rein{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes st-raus{to{opacity:0;transform:translate(-28px)}}@keyframes st-rein-rueck{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes st-raus-rueck{to{opacity:0;transform:translate(28px)}}@keyframes st-knopf{0%{opacity:0;transform:translateY(6px)}}@keyframes st-klick{0%{transform:scale(1)}35%{transform:scale(.96)}70%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes st-lade{0%{opacity:.35;transform:scaleY(.15)}60%{opacity:1;transform:scaleY(1)}to{opacity:1;transform:scaleY(.55)}}@keyframes st-puls{50%{opacity:.45}}@keyframes st-glimmen{0%,to{box-shadow:0 0 #c9a96e00}40%{box-shadow:0 0 0 6px #c9a96e29}}@keyframes st-rahmen{to{stroke-dashoffset:0}}@keyframes st-motiv{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.mv .st-stapel>.st-jetzt,.mv .st-stapel>.st-weg,.mv .st-stufe,.mv .st-stufen.st-laeuft .st-stufe[aria-pressed=true],.mv .st-lader span,.mv .st-auswertung-text,.mv .st-kachel-balken span,.mv .st-zeile.st-da .st-zeile-besser,.mv .st-zeile.st-da .st-rahmen rect,.mv .st-weiter.st-da .st-motiv{animation:none}.mv .st-zeile.st-da .st-rahmen rect{stroke-dashoffset:0}.mv .st-stapel>.st-weg{visibility:hidden}.mv .st-ergebnis [data-st],.mv .st-zeile .st-zeile-besser,.mv .st-weiter .haken li{opacity:1;transition:none;transform:none}.mv .st-stufe:before{transition:none}.mv .st-stufe-haken{transition:none;transform:none}.mv .st-stufe[aria-pressed=true] .st-stufe-haken{opacity:1}}
