:root { --color-primary: #0F265C; --color-lightblue: #0F265C1A; --color-white: #FFFFFF; --color-lightpink: #E5C1CE; --color-green: #407C62; --color-salmon: #E6B28F; --color-blackberry: #822569; --color-yellow: #E0BB47; --color-purple: #64428B; --color-lilac: #C7C1E1; --color-red: #A0303A; --color-lightgreen: #407C6233; --text-headline-hero: clamp(3.125rem, 0.95114rem + 7.27651vw, 7.5rem); --text-headline-serif-1: clamp(3.25rem, -0.8813rem + 8.6181vw, 6.875rem); --text-headline-1: clamp(2.75rem, 0.5413rem + 4.6074vw, 4.688rem); --text-headline-2: clamp(2.25rem, 1.2528rem + 2.0802vw, 3.125rem); --text-headline-3: clamp(1.75rem, 1.2508rem + 1.0413vw, 2.188rem); --text-headline-4: clamp(1.5rem, 1.2151rem + 0.5944vw, 1.75rem); --text-headline-5: clamp(1.25rem, 1.1075rem + 0.2972vw, 1.375rem); --text-headline-m: 1rem; --text-headline-s: 0.875rem; --text-paragraph-l: clamp(1.375rem, 0.8052rem + 1.1887vw, 1.875rem); --text-paragraph-m: 1.125rem; --text-paragraph-s: 0.875rem; --text-button: 0.875rem; --text-quote-xl: clamp(5.5rem, -1.0531rem + 13.6701vw, 11.25rem); --text-quote-l: clamp(4rem, 0.7234rem + 6.8351vw, 6.875rem); --text-quote-m: clamp(3rem, 1.0714rem + 4.0179vw, 4.6875rem); --text-quote-s: clamp(2.5rem, 1.0754rem + 2.9718vw, 3.75rem); --text-kreis-start: clamp(2.5rem, 0.3631rem + 4.4577vw, 4.375rem); --text-kreis-kontakt: clamp(3.125rem, 0.9881rem + 4.4577vw, 5rem); --text-404-headline: clamp(10rem, -7.0951rem + 35.6612vw, 25rem);}