:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-tiefmoos: #504027; --bricks-color-limette: #A19D70; --bricks-color-beige: #D4B59D; --bricks-color-deep-sandbraun: #BF9369; --bricks-color-nussbraun: #8B644F; --bricks-color-altrosa: #AA817F; --bricks-color-cremebeige: #FBEFDE; --bricks-color-tiefmoos-t-1: hsla(37, 10%, 93%, 0.09); --bricks-color-tiefmoos-t-2: hsla(37, 10%, 86%, 0.18); --bricks-color-tiefmoos-t-3: hsla(37, 10%, 79%, 0.27); --bricks-color-tiefmoos-t-4: hsla(37, 10%, 72%, 0.36); --bricks-color-tiefmoos-t-5: hsla(37, 10%, 65%, 0.45); --bricks-color-tiefmoos-t-6: hsla(37, 10%, 58%, 0.55); --bricks-color-tiefmoos-t-7: hsla(37, 10%, 51%, 0.64); --bricks-color-tiefmoos-t-8: hsla(37, 13%, 44%, 0.73); --bricks-color-tiefmoos-t-9: hsla(37, 18%, 37%, 0.82); --bricks-color-tiefmoos-t-10: hsla(37, 24%, 30%, 0.91); --bricks-color-cremebeige-t-1: hsla(35, 78%, 99%, 0.09); --bricks-color-cremebeige-t-2: hsla(35, 78%, 99%, 0.18); --bricks-color-cremebeige-t-3: hsla(35, 78%, 98%, 0.27); --bricks-color-cremebeige-t-4: hsla(35, 78%, 97%, 0.36); --bricks-color-cremebeige-t-5: hsla(35, 78%, 97%, 0.45); --bricks-color-cremebeige-t-6: hsla(35, 78%, 96%, 0.55); --bricks-color-cremebeige-t-7: hsla(35, 78%, 95%, 0.64); --bricks-color-cremebeige-t-8: hsla(35, 78%, 95%, 0.73); --bricks-color-cremebeige-t-9: hsla(35, 78%, 94%, 0.82); --bricks-color-cremebeige-t-10: hsla(35, 78%, 93%, 0.91); --bricks-color-nussbraun-l-1: #96725f; --bricks-color-nussbraun-l-2: #a0806f; --bricks-color-nussbraun-l-3: #ab8e7f; --bricks-color-nussbraun-l-4: #b59c8f; --bricks-color-nussbraun-l-5: #c0aa9f; --bricks-color-nussbraun-l-6: #cab9af; --bricks-color-nussbraun-l-7: #d5c7bf; --bricks-color-nussbraun-l-8: #dfd5cf; --bricks-color-nussbraun-l-9: #eae3df; --bricks-color-nussbraun-l-10: #f4f1ef; --text-2xs: clamp(1.55rem, calc(-0.003425925925925927 * (100vw - 36rem) + 1.55rem), 1.18rem); --text-xs: clamp(1.74rem, calc(-0.0014814814814814808 * (100vw - 36rem) + 1.74rem), 1.58rem); --text-s: clamp(1.96rem, calc(0.0012962962962962973 * (100vw - 36rem) + 1.96rem), 2.1rem); --text-m: clamp(2.2rem, calc(0.005555555555555552 * (100vw - 36rem) + 2.2rem), 2.8rem); --text-l: clamp(2.48rem, calc(0.011574074074074073 * (100vw - 36rem) + 2.48rem), 3.73rem); --text-xl: clamp(2.78rem, calc(0.020370370370370375 * (100vw - 36rem) + 2.78rem), 4.98rem); --text-2xl: clamp(3.13rem, calc(0.032407407407407406 * (100vw - 36rem) + 3.13rem), 6.63rem); --space-2xs: clamp(0.82rem, calc(0.003333333333333333 * (100vw - 36rem) + 0.82rem), 1.18rem); --space-xs: clamp(1.02rem, calc(0.005185185185185186 * (100vw - 36rem) + 1.02rem), 1.58rem); --space-s: clamp(1.28rem, calc(0.0075925925925925935 * (100vw - 36rem) + 1.28rem), 2.1rem); --space-m: clamp(1.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 1.6rem), 2.8rem); --space-l: clamp(2rem, calc(0.01601851851851852 * (100vw - 36rem) + 2rem), 3.73rem); --space-xl: clamp(2.5rem, calc(0.022962962962962966 * (100vw - 36rem) + 2.5rem), 4.98rem); --space-2xl: clamp(3.13rem, calc(0.032407407407407406 * (100vw - 36rem) + 3.13rem), 6.63rem); --space-xxl: clamp(4.50rem, calc(4.50rem + 0.0400 * (100vw - 380px)), 8.10rem); --space-section: clamp(10.00rem, calc(10.00rem + 0.0222 * (100vw - 380px)), 12.00rem); --logo-width: clamp(12.00rem, calc(12.00rem + 0.0889 * (100vw - 380px)), 20.00rem); --text-mm: clamp(1.80rem, calc(1.80rem + 0.0022 * (100vw - 380px)), 2.00rem); --text-xxl: clamp(3.10rem, calc(3.10rem + 0.0044 * (100vw - 380px)), 3.50rem); --h1: clamp(4.40rem, calc(4.40rem + 0.0122 * (100vw - 380px)), 5.50rem); --h2: clamp(3.50rem, calc(3.50rem + 0.0100 * (100vw - 380px)), 4.40rem); --h3: clamp(2.80rem, calc(2.80rem + 0.0078 * (100vw - 380px)), 3.50rem); --h4: clamp(2.20rem, calc(2.20rem + 0.0067 * (100vw - 380px)), 2.80rem); --h5: clamp(1.80rem, calc(1.80rem + 0.0044 * (100vw - 380px)), 2.20rem); --h6: clamp(1.40rem, calc(1.40rem + 0.0044 * (100vw - 380px)), 1.80rem);}