/* ========================================================= FONT SCHEMES Universal Web Template Verwendung: Verfügbare Schemas: - default - modern - corporate - editorial - luxury Alle Schemas verwenden ausschliesslich lokale System-Fonts und benötigen keine externen Font-Dienste. Die Variablen steuern nicht nur die Schriftfamilie, sondern den vollständigen typografischen Charakter einer Site. ========================================================= */ :root, [data-font="default"] { --font-heading: Arial, Helvetica, sans-serif; --font-body: Arial, Helvetica, sans-serif; --font-size-small: 0.8rem; --font-size-ui: 0.95rem; --font-size-body: 1rem; --font-size-lead: clamp(1rem, 2vw, 1.3rem); --font-size-h1: clamp(2.25rem, 5vw, 4.5rem); --font-size-h2: clamp(1.75rem, 3vw, 2.75rem); --font-size-h3: clamp(1.25rem, 2vw, 1.75rem); --font-weight-body: 400; --font-weight-emphasis: 700; --font-weight-heading: 700; --line-height-body: 1.6; --line-height-heading: 1.15; --line-height-ui: 1.25; --letter-spacing-body: 0; --letter-spacing-heading: -0.02em; --letter-spacing-label: 0.08em; } /* ========================================================= MODERN Digital, klar, grosszügig und prägnant ========================================================= */ [data-font="modern"] { --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; --font-size-small: 0.78rem; --font-size-ui: 0.95rem; --font-size-body: 1rem; --font-size-lead: clamp(1.05rem, 2vw, 1.35rem); --font-size-h1: clamp(2.75rem, 6vw, 5.5rem); --font-size-h2: clamp(1.9rem, 3.5vw, 3.1rem); --font-size-h3: clamp(1.3rem, 2.2vw, 1.9rem); --font-weight-body: 400; --font-weight-emphasis: 700; --font-weight-heading: 750; --line-height-body: 1.55; --line-height-heading: 1.05; --line-height-ui: 1.2; --letter-spacing-body: -0.005em; --letter-spacing-heading: -0.04em; --letter-spacing-label: 0.1em; } /* ========================================================= CORPORATE Seriös, kompakt und sachlich ========================================================= */ [data-font="corporate"] { --font-heading: "Segoe UI", Arial, Helvetica, sans-serif; --font-body: "Segoe UI", Arial, Helvetica, sans-serif; --font-size-small: 0.8rem; --font-size-ui: 0.9rem; --font-size-body: 0.98rem; --font-size-lead: clamp(1rem, 1.7vw, 1.2rem); --font-size-h1: clamp(2.1rem, 4vw, 3.75rem); --font-size-h2: clamp(1.65rem, 2.7vw, 2.45rem); --font-size-h3: clamp(1.2rem, 1.8vw, 1.6rem); --font-weight-body: 400; --font-weight-emphasis: 600; --font-weight-heading: 600; --line-height-body: 1.55; --line-height-heading: 1.2; --line-height-ui: 1.2; --letter-spacing-body: 0; --letter-spacing-heading: -0.01em; --letter-spacing-label: 0.06em; } /* ========================================================= EDITORIAL Magazinartig, klassisch und lesebetont ========================================================= */ [data-font="editorial"] { --font-heading: Georgia, "Times New Roman", serif; --font-body: Georgia, "Times New Roman", serif; --font-size-small: 0.82rem; --font-size-ui: 0.95rem; --font-size-body: 1.03rem; --font-size-lead: clamp(1.1rem, 2vw, 1.4rem); --font-size-h1: clamp(2.75rem, 6vw, 5rem); --font-size-h2: clamp(2rem, 3.4vw, 3rem); --font-size-h3: clamp(1.35rem, 2.2vw, 1.9rem); --font-weight-body: 400; --font-weight-emphasis: 700; --font-weight-heading: 400; --line-height-body: 1.75; --line-height-heading: 1.1; --line-height-ui: 1.3; --letter-spacing-body: 0.005em; --letter-spacing-heading: -0.025em; --letter-spacing-label: 0.07em; } /* ========================================================= LUXURY Elegant, ruhig und bewusst weitläufig ========================================================= */ [data-font="luxury"] { --font-heading: "Times New Roman", Georgia, serif; --font-body: "Trebuchet MS", Arial, Helvetica, sans-serif; --font-size-small: 0.78rem; --font-size-ui: 0.9rem; --font-size-body: 1rem; --font-size-lead: clamp(1.05rem, 2vw, 1.3rem); --font-size-h1: clamp(2.5rem, 5vw, 4.75rem); --font-size-h2: clamp(1.9rem, 3.2vw, 2.8rem); --font-size-h3: clamp(1.3rem, 2vw, 1.75rem); --font-weight-body: 400; --font-weight-emphasis: 600; --font-weight-heading: 400; --line-height-body: 1.7; --line-height-heading: 1.15; --line-height-ui: 1.3; --letter-spacing-body: 0.01em; --letter-spacing-heading: 0.06em; --letter-spacing-label: 0.12em; }