/* "Nach oben"-Button, gemeinsam für alle Unterseiten (Startseite hat ihn inline) */
.to-top{position:fixed;z-index:15;right:calc(max(16px,env(safe-area-inset-right,0px)) + 4px);bottom:calc(env(safe-area-inset-bottom,0px) + 20px);width:48px;height:48px;display:grid;place-items:center;padding:0;border-radius:50%;border:1.5px solid var(--linie);background:color-mix(in srgb,var(--milch) 88%,transparent);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);color:var(--karamell-tief);box-shadow:var(--schatten,0 8px 24px rgba(62,44,34,.08));cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;opacity:0;transform:translateY(8px) scale(.95);pointer-events:none;transition:opacity .15s ease-out,transform .15s ease-out}
.to-top.show{opacity:1;transform:none;pointer-events:auto;transition:opacity .2s ease-out,transform .25s cubic-bezier(.23,1,.32,1)}
.to-top.show:active{transform:scale(.95);transition-duration:120ms}
.to-top svg{width:20px;height:20px}
.to-top:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.to-top:hover{border-color:var(--karamell)}}
@supports not (background:color-mix(in srgb,red 50%,blue)){.to-top{background:var(--milch)}}
@media (prefers-reduced-transparency: reduce){.to-top{background:var(--milch);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media (prefers-reduced-motion: reduce){.to-top,.to-top.show{transform:none;transition:opacity .15s ease}.to-top.show:active{transform:none}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .to-top{box-shadow:0 8px 24px rgba(10,6,3,.4)}}
:root[data-theme="dark"] .to-top{box-shadow:0 8px 24px rgba(10,6,3,.4)}