:root{
--font-core:'Mulish',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
/* Gewichte */
--weight-light:300;
--weight-book:350;
--weight-roman:400;
--weight-medium:500;
--weight-heavy:800;
--weight-black:900;
/* Headline-Stil: Versalien, grosszügige Laufweite */
--tracking-headline:0.12em;
--tracking-label:0.14em;
--tracking-body:0.01em;
/* Schriftgroessen in rem: bei der Standardwurzel von 16px ergeben sie
   exakt dieselben Pixelwerte wie zuvor. Wer im Browser eine groessere
   Grundschrift einstellt, bekommt sie jetzt aber auch zu sehen.
   Abstaende bleiben bewusst in px — sonst verdoppelt sich bei grosser
   Schrift auch der Weissraum und es passt weniger auf den Schirm. */
/* Grössen */
--text-display:clamp(2.5rem,6vw,4.5rem);
--text-h1:clamp(2rem,4.5vw,3.25rem);
--text-h2:1.75rem;
--text-h3:1.25rem;
--text-lead:1.1875rem;
--text-base:1rem;
--text-small:0.875rem;
--text-caption:0.75rem;
/* Zeilenabstand */
--leading-tight:1.1;
--leading-headline:1.15;
--leading-body:1.6;
}
body{font-family:var(--font-core);font-weight:var(--weight-book);color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-body);letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased}
a{color:var(--msr-logo-blau);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--msr-ink)}