/* Zurück-Pfeil: direkt links vom obersten Inhalt, dezent (lino/zurueck-v2, Runde 8 06.11.2026) */
.zr-slot { position: fixed; z-index: 58; width: 42px; height: 42px; padding: 0; border-radius: 50%; border: 1px solid var(--card-border, rgba(0, 0, 0, .07)); background: var(--card-bg, #fff); color: var(--text); display: grid; place-items: center; cursor: pointer; box-shadow: 0 1px 2px rgba(24, 24, 27, .06), 0 4px 14px rgba(24, 24, 27, .10); transition: background .15s, color .15s, transform .15s, opacity .2s; }
.zr-slot.hidden { display: none; }
.zr-slot:hover { background: var(--gold); color: #fff; border-color: var(--gold); transform: translateX(-2px); }
.zr-slot:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
.zr-slot-tip { position: absolute; left: 50%; top: calc(100% + 6px); transform: translateX(-50%); padding: 4px 10px; border-radius: 999px; background: var(--text, #302823); color: #fff; font-size: 12.5px; font-weight: 600; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .15s; }
.zr-slot:hover .zr-slot-tip, .zr-slot:focus-visible .zr-slot-tip { opacity: 1; }
/* Der eigentliche Knopf der Seite bleibt da (für die Funktion), ist aber unsichtbar */
.zr-slotted { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important; border: 0 !important; }
/* Kein Platz links (Handy): Pfeil steht über dem Inhalt, dafür etwas Luft */
.zr-room { margin-top: 50px !important; }
@media (max-width: 760px) {
  .zr-slot { width: 38px; height: 38px; }
  .zr-slot-tip { display: none; }
}
@media (prefers-reduced-motion: reduce) { .zr-slot { transition: none; } }
/* Konto-Knopf: auf grossen Bildschirmen immer ganz oben rechts in der Ecke */
@media (min-width: 761px) {
  .hn-top .hn-profile { position: fixed; top: 26px; right: 24px; z-index: 125; margin: 0; }
}