/*
 * Knopf „Nach oben“ aller öffentlichen Seiten (ab 1.355, Patrick 28.10.2026): rund, unten mittig, erscheint nach dem
 * ersten halben Bildschirm (assets/js/oben.js, Klassen an/zeigen). Auf der Startseite von sorqa.de ist er der rechte Teil
 * der Abschnitts-Pille (zentrale/assets/css/start.css, .ab-kapsel). HTML: nach_oben_html() in inc/sorqa.php.
 * Farben mit Ersatzwert, weil nicht jede Seite die Farbpalette lädt.
 */
.nach-oben { position: fixed; left: 50%; bottom: 20px; z-index: 40; width: 48px; height: 48px; border-radius: 50%; display: flex;
  align-items: center; justify-content: center; background: var(--ink-900, #14232c); color: #fff; text-decoration: none;
  box-shadow: 0 0 0 1px rgba(127, 209, 139, .28), 0 8px 22px rgba(20, 35, 44, .35); opacity: 0; transform: translate(-50%, 16px);
  pointer-events: none; transition: opacity .25s, transform .25s; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.nach-oben svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: square; }
.nach-oben.zeigen { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.nach-oben:hover { background: var(--ink-800, #1d3340); }
.nach-oben:focus-visible { outline: 3px solid var(--gruen-400, #7fd18b); outline-offset: 3px; }
.nach-oben:not(.an) { display: none; }
html.fenster-offen .nach-oben { display: none; }
@media (min-width: 900px) { .nach-oben { bottom: 24px; } }
/* am Touchgerät etwas weiter vom unteren Rand weg (dort fängt das iPhone bei eingeklappter Leiste den ersten Tipp ab) */
@media (pointer: coarse) and (max-width: 899px) { .nach-oben { bottom: calc(28px + env(safe-area-inset-bottom)); } }
@media (prefers-reduced-motion: reduce) { .nach-oben { transition: none; } }
@media print { .nach-oben { display: none !important; } }