/* feedback widget – overlay button + panel + pipette outline */ .feedback-root, .feedback-root * { box-sizing: border-box; } .feedback-root { position: fixed; top: 12px; right: 12px; z-index: 9999; font-family: var(--font-sans, system-ui, sans-serif); color: var(--text); } /* Smart-Sticky-Nav (nav.js/base.css): Auf schmalen Viewports sitzt der Burger-Button genau unter der Bubble-Position. Solange die Nav sichtbar ist, weicht die Bubble unter die Nav-Leiste aus; ist die Nav beim Runterscrollen weggeschoben (`nav-hidden` auf ), rückt sie in den freigewordenen Platz oben nach. Transition synchron zur Nav-Animation. Desktop bleibt bei top: 12px – dort ist die Pill als Element der Nav-Zeile gestaltet und kollidiert mit keinem Bedienelement. */ @media (max-width: 1100px) { .feedback-root { top: calc(var(--nav-height, 64px) + 10px); transition: top 0.22s ease; } /* Auf Seiten mit Anchor-Nav klemmt diese unter der Top-Nav – die Bubble rutscht dann eine Etage tiefer, sonst verdeckt sie die letzte Pill. Browser ohne :has ignorieren die Regel und behalten den Nav-Offset. */ html:has(.anchor-nav) .feedback-root { top: calc(var(--nav-height, 64px) + 64px); } html.nav-hidden .feedback-root, html.nav-hidden:has(.anchor-nav) .feedback-root { top: 12px; } } /* Feedback-Trigger in der Fusszeile: sieht genau aus wie die rechtlichen Links daneben (Impressum/Datenschutz, .footer a), ein