/* ---------------------------------------------------------
Google Fonts – robuster laden (Roboto + Roboto Slab)
--------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Roboto+Slab:wght@300;400;500;600;700&display=swap');
/* Optional: schnellerer Connect (funktioniert nur, wenn du im setzen kannst)
*/
/* ---------------------------------------------------------
Basis
--------------------------------------------------------- */
html, body {
font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
font-weight: 400;
line-height: 1.6;
}
/* Navigation & Sidebar */
.sidebar,
.top-bar,
.menu {
font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
font-weight: 400;
}
/* ---------------------------------------------------------
Überschriften – stärker „gegen Theme“ abgesichert
--------------------------------------------------------- */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
font-family: 'Roboto Slab', 'Noto Serif', 'Liberation Serif', serif !important;
font-weight: 400 !important; /* wichtig: verhindert Fallback bei erzwungenem 600/700 */
letter-spacing: normal;
}
/* ---------------------------------------------------------
Code getrennt halten
--------------------------------------------------------- */
code,
pre {
font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
/* Header weiß */
#header-wrapper {
background: #fff;
}
#header {
background: transparent;
}
/* Text/Icons im Header dunkel */
#header,
#header a,
#header .searchbox label,
#header .searchbox input {
color: #111;
}
/* Suchbox Container */
.searchbox {
background: #fff;
border-radius: 0.4rem;
padding: 0.25rem 0.5rem;
border: 1px solid #ddd;
}
/* Suchfeld */
.searchbox input {
background: #fff;
color: #444; /* dunkelgraue Schrift */
border: none;
outline: none;
}
/* Placeholder */
.searchbox input::placeholder {
color: #888;
}
/* Such-Icons */
.searchbox label,
.searchbox i {
color: #555;
}
/* Logo: skalierend über rem */
#logo svg {
height: 2.75rem; /* ≈ 44px bei 16px Root-Font */
width: auto;
display: block;
}
/* kleiner auf Tablets */
@media (max-width: 768px) {
#logo svg {
height: 2.25rem;
}
}
/* noch kleiner auf Handys */
@media (max-width: 480px) {
#logo svg {
height: 2rem;
}
}