/*
* base.css – Web-Standardvorgabe (Schriftart-Fix für Umlaute)
*
* Problem, das hier gelöst wird: Bei zu enger Laufweite oder zu kleiner
* Zeilenhöhe ragen die Umlaut-Punkte (ä ö ü) in die Nachbarbuchstaben oder
* die Zeile darüber hinein. Diese Grundregeln verhindern das zuverlässig.
*
* Pflicht im HTML-:
* Empfohlen (Lato als Alternative zu Helvetica, via Google Fonts):
*
*/
body {
/* Helvetica Neue zuerst (Mac), dann Lato (zuverlässig, korrekte Umlaut-Abstände),
erst danach das auf manchen Windows-PCs fehlerhafte bare 'Helvetica' */
font-family: 'Helvetica Neue', 'Lato', Helvetica, Arial, sans-serif;
line-height: 1.5; /* genug vertikaler Platz für Umlaut-Punkte */
letter-spacing: normal; /* niemals negative Laufweite -> Überlappung */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
/* Formular-Elemente erben die Schrift und behalten genug Zeilenhöhe */
input, select, textarea, button {
font-family: inherit;
font-size: inherit;
line-height: 1.4;
box-sizing: border-box;
}
/* Cross-Browser saubere Höhe für date/number (sonst zu flach -> Umlaut-Clipping) */
input[type="date"], input[type="number"] {
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
min-height: 38px;
}
/* Firmenlogo-Schriftzug (Insyro) */
.logo-insyro {
font-family: 'Helvetica Neue', Helvetica, 'Lato', Arial, sans-serif;
font-weight: 700;
letter-spacing: 0;
}
.logo-insyro .dots { color: #dc2626; }
.slogan { font-size: 10px; color: #6b7280; letter-spacing: .5px; text-align: right; }