/* Nach oben: quadratischer Glasknopf unten rechts, erscheint erst am Seitenende (Richard 2026-10-17: "auf jeder Seite
   ganz unten ... ein Glaskachel-Button mit einem Pfeil nach oben, ohne weitere Beschreibung, aber mit einer Groesse,
   dass man ihn wahrnimmt"). Glas wie der Burger (--kopf-* aus kopfzeile.css, mit Ersatzwerten), Pfeil wie bei
   "Weiter scrollen" und "Mehr erfahren": angedeutetes Dreieck aus zwei Linien, hier nach oben gedreht.
   Skript: nachoben.js (legt den Knopf an und schaltet ihn sichtbar). Einbinden NACH kopfzeile.css. */
#nach-oben{position:fixed;z-index:39;right:calc(var(--kopf-rand,24px) + 8px);bottom:calc(env(safe-area-inset-bottom,0px) + 24px);
  width:60px;height:60px;border-radius:16px;display:grid;place-items:center;
  background:var(--kopf-glas-bg,rgba(10,22,30,.55));-webkit-backdrop-filter:var(--kopf-glas-blur,blur(30px) saturate(150%));
  backdrop-filter:var(--kopf-glas-blur,blur(30px) saturate(150%));border:1px solid var(--kopf-glas-rand,rgba(255,255,255,.14));
  box-shadow:0 10px 30px rgba(0,0,0,.4);color:var(--kopf-text,#eaf3f7);
  opacity:0;transform:translateY(14px);pointer-events:none;
  transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s}
#nach-oben.da{opacity:1;transform:none;pointer-events:auto}
/* Pfeil: zwei Linien (rechte und untere Kante eines Quadrats), um -135 Grad gedreht = Spitze oben; leicht nach unten
   gesetzt, damit das Dreieck optisch mittig sitzt */
#nach-oben::before{content:"";width:16px;height:16px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(4px) rotate(-135deg)}
#nach-oben:hover,#nach-oben:focus-visible{border-color:rgba(255,255,255,.3);color:#fff}
#nach-oben:focus-visible{outline:2px solid var(--kopf-akzent,#01b6fd);outline-offset:3px}
@media (prefers-reduced-motion:reduce){#nach-oben{transition:opacity .2s linear;transform:none}}