.mx-nach-oben-merker{pointer-events:none;width:1px;height:1px;position:absolute;top:100vh;left:0}.mx-nach-oben{z-index:60;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));background:var(--mx-nacht);width:52px;height:52px;color:var(--mx-weiss);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s var(--mx-ease), translate .45s var(--mx-feder), background-color .2s var(--mx-ease), visibility 0s linear .3s;border:2px solid #ffffffd9;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;translate:0 14px;box-shadow:0 10px 24px #00102059}.mx-nach-oben[data-sichtbar]{opacity:1;visibility:visible;transition:opacity .3s var(--mx-ease), translate .45s var(--mx-feder), background-color .2s var(--mx-ease), visibility 0s;translate:0}.mx-nach-oben:focus-visible{outline:3px solid var(--mx-perl);outline-offset:3px}@keyframes mx-hopp{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)}70%{transform:translateY(1px)}}.mx-nach-oben[data-sichtbar] svg{animation:mx-hopp .7s var(--mx-ease) .15s 1}@media (hover:hover){.mx-nach-oben:hover{background:var(--mx-tief)}.mx-nach-oben:hover svg{animation:mx-hopp .7s var(--mx-ease) infinite}}@media (prefers-reduced-motion:reduce){.mx-nach-oben,.mx-nach-oben[data-sichtbar]{transition:opacity .2s linear,visibility;translate:0}.mx-nach-oben svg,.mx-nach-oben:hover svg,.mx-nach-oben[data-sichtbar] svg{animation:none}}