:root { --bricks-color-grey-900: #222222; --bricks-color-mohn-rot: #D9360F; --bricks-color-clementinen-orange: #FF611A; --bricks-color-sonnen-gelb: #FFD618; --bricks-color-kornblumen-blau: #4E73EF; --bricks-color-lavendel-lila: #B99FE3; --bricks-color-puder-rosa: #F8BBD6; --bricks-color-kaugummi-rosa: #E175AE; --bricks-color-pflaumen-lila: #342153; --bricks-color-pinien-gruen: #002D23; --bricks-color-asphalt-grau: #635959; --bricks-color-vanille-creme: #FAE1C8; --bricks-color-warm-weiss: #F7F4EF; --text-body: clamp(1rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-title: clamp(1.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --text-h6: clamp(0.88rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.88rem), 1rem); --text-h5: clamp(1.13rem, calc(0.0017777777777777794 * (100vw - 22.5rem) + 1.13rem), 1.25rem); --text-h4: clamp(1.5rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.5rem), 1.75rem); --text-h3: clamp(2rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 2rem), 2.5rem); --text-h2: clamp(2.5rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 2.5rem), 3rem); --text-h1: clamp(3.5rem, calc(0.037037037037037035 * (100vw - 22.5rem) + 3.5rem), 6rem); --space-4: clamp(0.25rem, calc(0 * (100vw - 22.5rem) + 0.25rem), 0.25rem); --space-8: clamp(0.38rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.38rem), 0.5rem); --space-16: clamp(0.88rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.88rem), 1rem); --space-24: clamp(1.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --space-32: clamp(1.75rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.75rem), 2rem); --space-40: clamp(2rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 2rem), 2.5rem); --space-48: clamp(2.5rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 2.5rem), 3rem); --space-64: clamp(3rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 3rem), 4rem); --space-80: clamp(3.5rem, calc(0.022222222222222223 * (100vw - 22.5rem) + 3.5rem), 5rem);}