/* Globales Sticky-Logo für ALLE Seiten – Chromebook/Chrome-kompatibel */
.logo, /* ← ändere das zu deiner echten Klasse! z. B. .site-logo, .header-logo, #logo */
.sticky-logo,
.header .logo,
#logo-container { /* oder was du genau nutzt – passe an! */
position: sticky !important; /* !important nur zum Testen, später raus */
top: 0; /* Das ist PFLICHT – ohne top/left/etc. geht sticky nie! */
z-index: 999; /* Hoch genug, damit nichts drüber rutscht */
/* Chrome/Chrome OS Rendering-Helfer – oft der Retter bei unsichtbar/verschoben */
transform: translate3d(0, 0, 0);
will-change: transform;
backface-visibility: hidden;
background: white; /* oder deine Farbe – hilft Chrome beim Zeichnen */
}
/* Sehr wichtig: Overflow-Probleme global ausschließen (häufigste Chromebook-Falle!) */
body,
html,
header,
.main-wrapper,
.site-container,
.page-wrapper { /* passe an deine Wrapper-Klassen an */
overflow: visible !important; /* oder overflow komplett weglassen */
overflow-x: hidden; /* links/rechts meist ok – oben/unten nicht! */
}
/* Seite braucht Scroll-Raum (Chromebook testet das streng) */
html, body {
min-height: 100vh;
height: auto;
}
.scrolltotop i {
color: red !important;
font-size: 2rem;
}
.scrolltotop a {
color: #FF6347; /* Icon + evtl. Text/Hover */
}
.scrolltotop a:hover {
color: #d9534f; /* dunkleres Rot beim Hover, optional */
}
a {
text-decoration: none;
}